您好，我正在嘗試更改以下 HTML 代碼 textContent，但是它包含一個<i>標(biāo)簽，那么我如何更改 textContent？如何編輯腳本中的 HTML 標(biāo)記以保留<i>標(biāo)記類但僅更改其中的文本？這是默認 HTML 的樣子這是我編輯后的樣子HTML 代碼<a id="notificationUnread" class="dropdown-item">
<i class="fas fa-envelope mr-2"></i> 0 unread notifications
</a>腳本var notificationUnread = document.getElementById('notificationUnread').textContent = "TEST"
3 回答
函數(shù)式編程
TA貢獻1807條經(jīng)驗 獲得超9個贊
lastChild您可以使用或定位最后一個文本節(jié)點，childNodes[lastIndex] 并使用以下命令更改其值node.nodeValue="Something"
document.getElementById("notificationUnread").lastChild.nodeValue="Test"
或者
let nodes=document.getElementById('notificationUnread').childNodes
nodes[nodes.length-1].nodeValue= "TES"
//let nodes=document.getElementById('notificationUnread').childNodes
//nodes[nodes.length-1].nodeValue= "TES"
//Without span
document.getElementById("notificationUnread").lastChild.nodeValue="Test Without span"
//With span
document.querySelector("#notificationUnread2 > .text-notification").innerText="Test with span"
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<!--without span -->
<a id="notificationUnread" class="dropdown-item">
<i class="fas fa-bell mr-2"></i> 0 unread notifications
</a>
<br>
<!--with span -->
<a id="notificationUnread2" class="dropdown-item">
<i class="fas fa-bell mr-2"></i>
<span class="text-notification">0 unread notifications</span>
</a>
拉莫斯之舞
TA貢獻1820條經(jīng)驗 獲得超10個贊
將要更改的文本包裝在<span>
<a id="notificationUnread" class="dropdown-item">
<i class="fas fa-envelope mr-2"></i> <span class="link-text">0 unread notifications<span>
</a>
document.querySelector('#notificationUnread .link-text').innerText = "TEST"
肥皂起泡泡
TA貢獻1829條經(jīng)驗 獲得超6個贊
如果您想更改 a 標(biāo)記內(nèi)的 html，請使用以下命令：
var notificationUnread = document.getElementById('notificationUnread').innerHTML = "your html here";否則，您只能通過將innerHTML 替換為innerText 來更改文本
- 3 回答
- 0 關(guān)注
- 274 瀏覽
添加回答
舉報
0/150
提交
取消