第一行的显示问题-慕课网

首页课程实战体系课手记专栏慕课教程

第一行的显示问题

来源：3-3 innerHTML 属性

傲娇的向日葵

2014-12-25 15:43

为什么第一行显示的是Hello world!而不是javascript啊？

写回答关注

5回答

timebank

2015-01-04 15:45:56

是不是因为重新赋值给mychar了，所以前面的值被覆盖掉了

0 0
傲娇的向日葵

2014-12-26 14:57:06

我是用了mychar.innerHTML='Hello world!';这一句，可是它是在<h2 id="con">javascript</H2>语句的后面啊，按理说顺序执行第一行显示就应该是javascript而不是Hello world!啊

0 0

傲娇的向日葵: 2014-12-26 14:50:53

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>innerHTML</title>
</head>
<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>
</html>

我的代码就是这个样子的，我觉得<h2 id="con">javascript</h2>这一句在前面先执行，此时mychar.innerHTML="Hello world!";应该还没有对h2中的内容进行修改啊，第一行显示的应该是javascript啊，那为什么最后显示出来第一行是Hello world!而不是javascript呢？

0 0