老师我对这个有些不理解

来源:3-2 选择题

qq_唱首绅士给党听_0

2018-06-26 15:10:06

<!DOCTYPE html>

<html dir="ltr">

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

    <p>yellow book</p>

    <div id='content'>

      <p>read book</p>

      <p>blue book</p>

    </div>

    <script type="text/javascript">

      var content=document.getElementById('content');

      var p1=content.getElementsByTagName('p')[1];

      var p2=document.getElementsByTagName('p')[1];

    </script>

  </body>

</html>

这是我写的代码,这个输出的不应该是

blue book

read book    这个吗?

请老师再详细讲一下,我对这些document的方法搞得有些迷,谢谢老师

写回答

1回答

imooc_澈

2018-06-26

你好,你的代码只是使用js获取了html页面上的相关标签内容,并没有做输出。

目前页面上的输出是html标签的正常解析输出,跟js没有关系。

如果你要看到通过js获取到的页面内容,就要使用console.log打印,或者用document.write方法把你拿到的内容再写到浏览器页面上去。

你在后面再加两个console.log,就能在开发者工具的console里看到你说的blue book 和read book了。如下:

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

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

document方法是js用来从页面上获取内容的,而页面上如果有内容,它会显示出来,跟你的js获取无关。除非你通过js的doucment.write方法再在页面上添加东西。

如果解决了你的问题,请采纳,祝学习愉快~


0

0 学习 · 4928 问题

查看课程