嗨为什么这个简单的代码片段不起作用?我很困惑

时间:2016-10-25 09:40:03

标签: javascript

我想在div中显示段落



var resultString = "<b>This page \u00A9 Shelley Powers </b>";
// print out to page
var blk = document.getElementById("result");
blk.innerHTML = resultString;
&#13;
<div id="result"></div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

问题可能与您的HTML代码在HTML文件中的位置有关。

如果您添加该代码,在body标签之后,它将起作用,因为JS可以找到您的dom <div id="result"></div>的引用。

<html>
  <body>
  </body>
  <script>
      // your code here
  </script>
</html>

如果您在HTML文件的HEAD处添加该javascript,

  <html>
<head>
      <script>
          // your code here
      </script>
</head>
      <body>
      </body>   
</html>

您需要等到文档准备好后才能使用DOMContentLoaded

document.addEventListener("DOMContentLoaded", function(event) {
    console.log("DOM fully loaded and parsed");
  });

工作示例:

https://jsbin.com/nerarul/edit?html,output

答案 1 :(得分:-1)

检查你的脚本标签,你在哪里放了javascript代码。代码工作正常。没问题 请参考w3school了解语法