问答详情
源自:3-2 通过ID获取元素

为什么样例是null,而任务是[object HTMLParagraphElement]

是因为样例里面的id=con在后面还没有执行到的缘故吗?

提问者:xiaoxuesheng001 2016-04-16 17:48

个回答

  • 小贤子
    2016-04-17 10:20:20
    已采纳

     document.getElementById()的作用是获取元素,获取元素但不会对元素进行操作。

    例文中

    <script type="text/javascript">

      var mye= document.getElementById("con")  ;

      document.write(mye); 

    </script>

    由于浏览器翻译网页文件的时候是按照由上到下的循序进行翻译的,当浏览器翻译网页文件的时候,没有第一时间找到ID所指示的元素,所有返回值为空值。你可以尝试一下将这个<script>代码插入<p id="con">I Love JavaScript</p>下方,你就会发现返回出来的值就是[object HTMLParagraphElement]。

    而[object HTMLParagraphElement]意思是  目标为网页段落元素。

    任务中  

    <script type="text/javascript">

      var mychar= document.getElementById("con")          ;

      document.write("结果:"+mychar); //输出获取的P标签。 

    </script>

    在获取的这个ID下方,所有程序能找到这个元素,但由于输出方式为write,也就是单纯写出的意思。没有对这个元素进行操作,所有不能显示出<p>标签中插入的内容:JavaScript。

    所有在网页上显示出来的结果就是[object HTMLParagraphElement]。就是找到了这个元素。


  • muyy
    2016-04-16 18:00:53

    它样例上写着null或[object HTMLParagraphElement],两者都行吧