为什么我在页面上显示不出标签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>

http://img.mukewang.com/climg/5c878ab80001eba314310575.jpg

写回答

1回答

好帮手慕阿满

2019-03-12

同学你好,将p节点追加到p3后,建议通过id获取p3节点,另外创建标签时,单词拼写错误,最后body追加子节点时,多了一个“.”,如:

http://img.mukewang.com/climg/5c87961300018a9206590335.jpg

修改后的代码:

<!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>

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~

0

0 学习 · 10204 问题

查看课程