innerHTML赋值的问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--<script src="bundle.js"></script>-->
<script>
function test(){
var h2=document.createElement('h2');
h2.innerHTML='HELLO WORLD';
console.log(h2,'h2')
return h2;
}
var div=document.createElement('div');
div.innerHTML=test();
document.body.appendChild(div)
</script>
</body>
</html>执行结果如下
这段代码为什么不能成功添加 如下节点呢
<div><h2>HELLO WORLD</h2></div>
又一个老白浏览 1877回答 1
1回答
-
千秋此意
你的test函数return的已经是一个元素节点了，innerHTML只能接收字符串，应该改成div.appendChild就行了吧
随时随地看视频慕课网APP
Html/CSS
JavaScript