为什么h2的内容也变了,浏览器不是顺序翻译的?

来源:3-3 innerHTML 属性

19921009ab

2016-07-28 15:48

<body>

<h2 id="con">javascript</H2>

<p> JavaScript是一种基于对象、事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页上产生动态的显示效果并实现与用户交互功能。</p>

<script type="text/javascript">

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

  document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容

  mychar.innerHTML="hello world"

  document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

</script>

</body>


写回答 关注

5回答

  • Keeln
    2016-08-08 10:56:05

    如楼上所说,浏览器从上到下编译,下面的helloworld将上面的javasript覆盖,

    h2的显示过程是从javascript变成hello world的;

    你可以在mychar.innerHTML="hello world"的 前面加上一句   alert("'mychar.innerHTML=hello world'将要被解析,h2马上就要改变了"); 就可以证明这点

  • qq_哈哈妹_03724753
    2016-08-03 19:35:15

    是按顺序书写的,最后一个就是改变成“Hello world!”从上至下的,你要是把<script>写在<head>里面,就不会改变了!刚刚试了一下

  • 猫子0712
    2016-07-31 10:13:33

    是顺序翻译的,翻译到<h2 id="con">javascript</H2>的时候,里面的文本确实是javascript,当翻译到mychar.innerHTML="hello world"这句的时候,文本变成了hello world,把之前的javascript覆盖掉了,所以最终显示的文本是hello world

  • 慕粉13237517615
    2016-07-28 16:11:05

    代码要书写规范,每一行应以分号结尾。


  • qq_白骨精_03729397
    2016-07-28 15:56:51

    hello world 后面少了一个封号呢

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

739817 学习 · 9566 问题

查看课程

相似问题