javascript - HTMLでIDの値を設定するJavascript

Question

HTML要素のIDを動的に設定できますか？つまり、簡単な例として、次のことができますか？

<a href="#" id="onOrOff()">Jazz</a>

と：

function onOrOff()
{
 document.write("someIDSetInMyCSSFile");    
}

試してみましたがうまくいかないので、他の点が欠けていないか確認したいだけです。

ありがとう。

score 2 · Accepted Answer

はい、でもそんなことはありません。たとえば、それにアクセスするには他の方法が必要になります。

var a = document.getElementsByTagName('a')[0];

それで：

a.id = "myDynamicID";

score 1 · Accepted Answer

更新：このソリューション用にjsFiddleを作成しました：http：//jsfiddle.net/SdvA2/3/お気軽に実験してください！

CSSが#coolLink（および/または#uncoolLink）を参照していると仮定すると、次のようなことを試すことができます。

<a href="#" id="uncoolLink" onclick="makeCool()">Jazz</a>

coolLink idフォーマットを動的にオンにするには、次の関数を使用してみてください。

<script>
function makeCool() {
  var element = document.getElementById("uncoolLink");
  element.id ="coolLink";
}
</script>

ただし、idを一定に保ち、クラスを変更する（そしてそれに応じてcssを調整する）ことを強くお勧めします。

さらに一歩進んで、jQueryを使用することをお勧めします。これにより、可能性の世界が開かれ、物事へのアプローチ方法が変わり、生活が非常に楽になり、ブラウザーの非互換性から保護されます。

2 に答える 2