0

我有以下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 的可能方式是什么？为什么会这样？

4

2 回答 2

3

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

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

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

  <script>
      function test(){              
        document.getElementById('lblUser').innerText="test html";                   
      }
      test();
  </script>
于 2012-09-18T15:28:25.167 回答
2

标签标签不会自动关闭。

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

你应该有它：

<label id="lblUser">...</label>
于 2012-09-18T15:29:58.440 回答