JavaScript で HTML 要素の ID を変更するにはどうすればいいですか? 質問する

JavaScript で HTML 要素の ID を変更するにはどうすればいいですか? 質問する

私はクライアント側で JavaScript を使用して HTML 要素の ID を変更していますdiv。次のコードは Internet Explorer では正常に動作しますが、Firefox/2.0.0.20 では動作しません。Firefox の最近のバージョンでは動作します。

document.getElementById('one').id = 'two';

誰か教えてもらえますか:

  1. なぜこれが Firefox では機能しないのか。
  2. FireFox でこれを動作させる方法。

明確にするために、外部スタイルシートの別のスタイルを参照するように要素 ID を変更しています。スタイルは IE では適用されますが、FF では適用されません。

ベストアンサー1

Firefoxでは動作します(含む2.0.0.20)。 見る翻訳元:(/edit編集するには URL に追加してください):

<p id="one">One</p>
<a href="#" onclick="document.getElementById('one').id = 'two'; return false">Link2</a>

最初のクリックでidが に変更され"two"、2 回目のクリックでは の要素id="one"が見つからないためエラーになります。

おそらく別の要素があるでしょうすでにid="two"(参考までに同じ要素を複数持つことはできませんid)。

おすすめ記事