首頁猿問如何在JavaScript中更改s...

如何在JavaScript中更改span元素的文本

JavaScript Html/CSS

開滿天機(jī) 2019-07-13 10:20:03

如何在JavaScript中更改span元素的文本如果我有一個跨度，就說：<span id="myspan"> hereismytext </span>如何使用JavaScript將“異端文本”更改為“新文本”？

查看完整描述

3 回答

月關(guān)寶盒

TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超5個贊

對于現(xiàn)代瀏覽器，您應(yīng)該使用：

document.getElementById("myspan").textContent="newtext";

而舊瀏覽器可能不知道textContent，它沒有重新開始使用。innerHTML當(dāng)新文本是用戶輸入時，它引入了XSS漏洞(更詳細(xì)的討論請參見下面的其他答案)：

//POSSIBLY INSECURE IF NEWTEXT BECOMES A VARIABLE!!
document.getElementById("myspan").innerHTML="newtext";

反對回復(fù) 2019-07-13

繁華開滿天機(jī)

TA貢獻(xiàn)1816條經(jīng)驗(yàn) 獲得超4個贊

使用內(nèi)HTML是所以不推薦..相反，您應(yīng)該創(chuàng)建一個textNode。這樣，您就可以“綁定”文本，并且至少在這種情況下，您不會受到XSS攻擊的攻擊。

document.getElementById("myspan").innerHTML?=?"sometext";?//INSECURE!!

正確的方法：

span?=?document.getElementById("myspan");txt?=?document.createTextNode("your?cool?text");span.appendChild(txt);

反對回復(fù) 2019-07-13

關(guān)注