首頁(yè) 猿問 .textContent 和...

.textContent 和 .innerHTML 使用 ‌ 的區(qū)別

JavaScript

慕絲7291255 2022-06-16 10:51:56

為什么&zwnj;在使用 Javascript.innerHTML和時(shí)渲染不一樣.textContent？這是示例：window.onload = function() { var span = document.getElementById("spanny"); var span2 = document.getElementById("spanny2"); span.textContent = "randomtext&zwnj; &zwnj;morerandomtext"; span2.innerHTML = "randomtext&zwnj; &zwnj;morerandomtext"; } 有沒有辦法.textContent讓它看起來像.innerHTML's 的例子？

查看完整描述

2 回答

牛魔王的故事

TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超3個(gè)贊

innerHTML 將獲得 html 標(biāo)簽，而 textContent 不會(huì)，您可以在控制臺(tái)上看到不同之處。

abc

xyz

window.onload = function() {

var span = document.getElementById("spanny");

var span2 = document.getElementById("spanny2");

console.log(span.textContent)

console.log(span2.innerHTML)

}

反對(duì) 回復(fù) 2022-06-16

ITMISS

TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超8個(gè)贊

.textContent專門用于修改元素的文本內(nèi)容，而.innerHTML用于修改元素的內(nèi)容，可能包含標(biāo)簽。換句話說，修改.innerHTML會(huì)產(chǎn)生用給定值修改實(shí)際 HTML 代碼的效果，但.textContent不會(huì)。

關(guān)于您對(duì) HTML 字符實(shí)體的查詢，事實(shí)證明，當(dāng)您使用.textContent并將值設(shè)置為類似&時(shí)，它并沒有真正將內(nèi)容設(shè)置為&，但&amp;即它已經(jīng)轉(zhuǎn)義了&，因此它不再被視為字符實(shí)體。