问答详情
源自:3-3 innerHTML 属性

过了答案验证,但是没有实现运行效果?

<!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("h2");
  document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
  mychar.innerHTML="Hello World!";
  document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
</script>
</body>
</html>

页面上还是最原始的h2和p的内容,没有变成helloworld,也没有原标题、修改后的标题两行

提问者:iaiotas 2017-04-01 01:08

个回答

  • 慕粉3291149
    2017-04-11 21:10:40
    已采纳

    var mychar=document.getElementById("h2"); 里面的id值不是h2而是con

  • hfismyangel
    2017-04-03 14:46:38

    浏览器保存cookie了吧,清一下试试

  • iaiotas
    2017-04-01 01:18:32

    后面一章也是同样的问题,难道是浏览器的锅?这台电脑上只有vivaldi(已允许js自动运行)和edge,都不行…