Javascript 为什么.textContent会将意外内容添加到文档正文中_Javascript_Html

Javascript 为什么.textContent会将意外内容添加到文档正文中

javascript html

Javascript 为什么.textContent会将意外内容添加到文档正文中,javascript,html,Javascript,Html,我最近在玩游戏，注意到一些奇怪的行为涉及.textContent属性 //我知道这里应该使用.innerHTML。 document.body.textContent+=“字符串”； document.body.textContent+=“字符串”，因为代码位于文档正文中 <body> <script></script> </body> 它在小提琴的头上 <html> <script></scr

我最近在玩游戏，注意到一些奇怪的行为涉及

.textContent

属性

//我知道这里应该使用.innerHTML。
document.body.textContent+=“字符串
”；
document.body.textContent+=“字符串
”，因为代码位于文档正文中
<body>
    <script></script>
</body>



它在小提琴的头上
<html>
    <script></script>
</html>
<body>
</body>



textContent选择主体和同级元素的所有文本，您将添加到其中
 因为代码在文档体中
<body>
    <script></script>
</body>



它在小提琴的头上
<html>
    <script></script>
</html>
<body>
</body>



textContent选择主体和同级元素的所有文本，您将添加到其中
 脚本通过堆栈片段放置在正文中
该script
元素包含一些隐藏的文本内容（脚本的代码）
但是，textContent
仍然包含它。如果使用非标准IE的innerText
，则不会发生这种情况
根据,

Internet Explorer引入了元素.innerText。目的是
类似，但有以下区别：

虽然textContent
获取所有元素的内容，包括
和
元素，但IE特定属性innerText不获取
不是
innerText
知道样式，不会返回隐藏元素的文本，而textContent
会
由于innerText
知道CSS样式，它将触发回流，而textContent
不会

脚本由堆栈片段放置在正文中
该script
元素包含一些隐藏的文本内容（脚本的代码）
但是，textContent
仍然包含它。如果使用非标准IE的innerText
，则不会发生这种情况
根据,

Internet Explorer引入了元素.innerText。目的是
类似，但有以下区别：

虽然textContent
获取所有元素的内容，包括
和
元素，但IE特定属性innerText不获取
不是
innerText
知道样式，不会返回隐藏元素的文本，而textContent
会
由于innerText
知道CSS样式，它将触发回流，而textContent
不会

如果你把
标签放在正确的位置，那就麻烦了。如果你把
标签放在正确的位置，那就麻烦了。公平的事实上，在我发布问题后的3秒钟我就明白了。公平。事实上，我在发布问题后大约3秒钟就明白了。