用Javascript圍繞句子纏繞span標籤

我需要在我的頁面上找到一個句子，並用span標籤（帶有一個類）包裝它。用Javascript圍繞句子纏繞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>

來源

2013-06-03 user1339316

目前還不清楚您是否想將p元素更改爲SPAN或只是爲了設計P元素。 – jgpATs2w

@ jgpATs2w基本上這是我要找的結果：'

歡迎來到網站的主頁。享受您的住宿

' – user1339316

@Alex K.:因爲它沒有用jquery標記，答案可能會有所不同。 – jgpATs2w

這就是你需要做什麼：

使用.innerHtml或jQuery.html（）讀取html。
解析數據
寫回使用.innerHtml或jQuery.html（）

你可以使用正則表達式等各種方式解析數據.. 這裏是這樣做的一個簡單的例子。

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

這裏是一個工作的jsfiddle： http://jsfiddle.net/QjDvR/2/

來源

2013-06-03 15:14:21

如果你希望避免使用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'）方法選擇此元素。

來源

2013-06-03 15:24:08 jgpATs2w

用Javascript圍繞句子纏繞span標籤

回答

相關問題