Question

我需要在我的页面上找到一个句子并用span标签（带有一个类）包装它。

这是我的页面：

<body>
<h1>Home Page</h1>
<p>Welcome to the homepage of the site. Enjoy your stay</p>
</body>

使用Javascript，我想将P内容转换为：

<p><span class="mySpan">Welcome to the homepage</span> of the site. Enjoy your stay</p>

Answer 1

这是你需要做的：

使用.innerHtml或jQuery.html（）读取html。
解析数据
使用.innerHtml或jQuery.html（）

您可以使用RegEx和其他各种方式进行解析。这是一个简单的例子。

var html = $("p").html();
html = "<span>" + html;
html = html.replace("homepage","homepage</span>");
$("p").html(html);

这是一个有效的jsFiddle： http://jsfiddle.net/QjDvR/2/

Answer 2

如果您不想使用jquery，请尝试以下方法：

<script>  
  P = document.getElementsByTagName('p');
  search = 'Welcome to the homepage';
  s = P[0].innerHTML.replace(search,'<span class="mySpan">' + search +'</span>');
  P[0].innerHTML =s;
</script> <!-- always locate script at the end of the body -->
</body>

但是，要增强它，您应该考虑将ID属性包含在元素中，并使用方法document.getElementById（'the_id'）选择此元素。

用Javascript在句子周围包裹span标签

2 个答案: