已解決430363個問題，去搜搜看，總會有你想問的

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

關注

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

JavaScript Html/CSS

開滿天機 2019-07-13 10:20:03

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

查看完整描述

3 回答

月關寶盒

TA貢獻1772條經驗獲得超5個贊

對于現代瀏覽器，您應該使用：

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

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

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

反對回復 2019-07-13

繁華開滿天機

TA貢獻1816條經驗獲得超4個贊

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

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

正確的方法：

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

反對回復 2019-07-13

關注