更改文本无法将属性“innerHTML”设置为空？答案

【问题标题】：change text Cannot set property 'innerHTML' of null?更改文本无法将属性“innerHTML”设置为空？
【发布时间】：2018-04-08 17:59:15
【问题描述】：

我想使用不同的鼠标事件更改文本，但它显示错误，而 mn 代码似乎正确！

<html>
 <head>
  <title>HHH</title>
 </head>
 <body>
  <h1 id"text" onmousedown="MouseDown()" onmouseup="Mouseup()">BBB </h1>

  <script>

    function MouseDown() {
      document.getElementById("text").innerHTML="CCC" ;
    }
    
    function Mouseup() {
      document.getElementById("text").innerHTML="AAA" ;
    }
  </script>
</body>
</html>

【问题讨论】：

你在h1标签中缺少=..<h1 id="text" ...>BBB</h1>
不正确：检查此id"text" - 这是无效的

标签： javascript

【解决方案1】：

不是，你有：

<h1 id"text" onmousedown="MouseDown()" onmouseup="Mouseup()">BBB </h1>

缺少“=”：

<h1 id="text" onmousedown="MouseDown()" onmouseup="Mouseup()">BBB </h1>

【讨论】：

【解决方案2】：

在设置 id 的 h1 时缺少等号：

<h1 id="text" onmousedown="MouseDown()" onmouseup="Mouseup()">BBB </h1>

【讨论】：

【解决方案3】：

在 HTML 中设置 id 时缺少 =，因此无法正确设置 id。

<html>
 <head>
  <title>HHH</title>
 </head>
 <body>
  <h1 id="text" onmousedown="MouseDown()" onmouseup="Mouseup()">BBB </h1>

  <script>

    function MouseDown() {
      document.getElementById("text").innerHTML="CCC" ;
    }
    
    function Mouseup() {
      document.getElementById("text").innerHTML="AAA" ;
    }
  </script>
</body>
</html>

【讨论】：