为什么我在页面上显示不出标签4,要怎么改才可以
来源:3-9 DOM-节点
慕村1463237
2019-03-12 18:32:28
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p id="p1">我是1标签</p>
<p id="p2">我是2标签</p>
<p id="p3">我是3标签</p>
<script type="text/javascript">
var body=document.getElementsByTagName('body');
var p4= document.createElement('p');
var content=document.creaeTextNode("第四个标签");
p4.appendChild(content);
body..appendChild(p4);
</script>
</body>
</html>
1回答
好帮手慕阿满
2019-03-12
同学你好,将p节点追加到p3后,建议通过id获取p3节点,另外创建标签时,单词拼写错误,最后body追加子节点时,多了一个“.”,如:
修改后的代码:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <p id="p1">我是1标签</p> <p id="p2">我是2标签</p> <p id="p3">我是3标签</p> <script type="text/javascript"> var body=document.getElementById('p3'); var p4= document.createElement('p'); var content=document.createTextNode("第四个标签"); p4.appendChild(content); body.appendChild(p4); </script> </body> </html>
如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~
相似问题