老师帮忙看看
来源：6-6 高效创建节点的方法(innerHTML-outerHTML)
母鸡阿
2020-06-21 14:34:35
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>outerHTML</title>
<script>
window.onload = function(){
var dom = document.getElementById("content");
console.log("outerHTML:"+dom.outerHTML);
/* outerHTML:<div id="content">
<p>这是一个段落</p>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>*/
dom.outerHTML = "<p>THIS IS A WWORD</p>";
console.log("outerHTML:"+dom.outerHTML);//老师这为什么显示的不是 THIS IS A WWORD
}
</script>
</head>
<body>
<div id="content">
<p>这是一个段落</p>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</body>
</html>
1回答
-
同学你好，问题解答如下:
使用outerHTML（）方法将content替换成“<p>THIS IS A WWORD</p>”节点后，content不再是文档树的一部分（它不会在页面中显示），但仍然存在与内存中，可以打印看一下:
所以打印它的outHTML，显示的不是“THIS IS A WWORD”。
对于该点，同学了解一下即可。
如果我的回答帮到了你，欢迎采纳，祝学习愉快!
0
相似问题