这样写为什么文字下面第一行输出的不是“javascript”?
来源：3-3 innerHTML 属性
yelllowsky
2017-02-17 22:35
<!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+"<br>");
document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
mychar.innerHTML="Hello Word!";
document.write("修改后的标题:"+mychar.innerHTML+"<br>"); //输出修改后h2标签内容
document.write(mychar.innerHTML)
</script>
</body>
</html>
输出结果是：
JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。
[object HTMLHeadingElement]
原标题:javascript
修改后的标题:Hello Word!
Hello Word!给mychar加上.innerHTML显示的是javascript
输出结果：
JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。
javascript
原标题:javascript
修改后的标题:Hello Word!
Hello Word!
写回答
关注
3回答
-
- 机智的云游君
- 2017-02-17 23:53:05
如上，您的代码输出结果为hello，world为第一行。原先的“javascript”字符串标题，在这段代码处发生改变。
<code>mychar.innerHTML="Hello Word!";</code>
innerHTML方法改变原先html标签內的值，导致javascript字符串改变为了Hello world字符串。
-
- 慕粉4002440
- 2017-02-17 23:45:55
输出结果：
Hello Word!
JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。
javascript
原标题:javascript
修改后的标题:Hello Word! -
- 谁知北
- 2017-02-17 23:34:33
<!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>
JavaScript入门篇
JavaScript做为一名Web工程师的必备技术，本教程让您快速入门
741103 学习 · 9851 问题
相似问题