Question

我有以下HTML代码

<html>
   <script>
      function test(){              
        document.getElementById('lblUser').innerText="test html";                   
      }
  </script>     
  <a href="#">LINK1</a>
  <label id="lblUser"/>         
  <a href="#">LINK2</a>
  <script type="text/javascript">test();</script>       
</html>

调用 test（）时LINK2消失。这似乎是因为 lblUser.innerText 的变化。但是展示LINK2的可能方式是什么？为什么会这样呢？

Answer 1

Label的实现取决于doctype，尽量不要将标签作为自动关闭标签。

  <label id="lblUser"></label> 

  <a href="#">LINK2</a>

  <script>
      function test(){              
        document.getElementById('lblUser').innerText="test html";                   
      }
      test();
  </script>

Answer 2

标签标签不是自动关闭的。

因此，您的浏览器将其视为围绕text2元素的容器，当您设置HTML时，标签的内部内容将被删除，这就是text2消失的原因。

你应该把它作为：

<label id="lblUser">...</label>

HTML标签隐藏最近的控件

2 个答案: