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

ラベルの実装は doctype に依存します。ラベルを自己終了タグとして持たないようにしてください。

  <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 に答える