无法在JS中将属性'innerHTML'设置为null

时间:2019-01-08 13:51:05

标签: javascript html web

代码不起作用,并且在函数调用后仍然返回'f'世界,我的代码怎么了?谢谢你的帮助

HTML:

SecurityName

JS:

<html>
  <head>
    <script type="text/javascript" src="functions.js"></script>
  </head>
  <body onload="changeText()">
    <p id="P1">
      fu
    </p>
  </body>
</html>

4 个答案:

答案 0 :(得分:3)

因为选择器区分大小写。尝试使用P1代替p1:document.getElementById("P1").innerHTML = "slm"

答案 1 :(得分:1)

Javascript中的

ID区分大小写(所有属性都是)。 HTML中的ID为P1,但您正在寻找p1,因此找不到它。

答案 2 :(得分:0)

您输入的ID错误注意P是大写字母,请尝试:

document.getElementById("P1").innerHTML = "slm"

答案 3 :(得分:0)

请尝试这一操作,问题是您无法调用函数changeText()

<html>

  <head>
    <script type="text/javascript">
      function changeText(){
        document.getElementById("P1").innerHTML = "slm"
      }
    </script>
  </head>

  <body onload="changeText()">
    <p id="P1">fu</p>
  </body>

</html>

fiddle