I need to add a id for this class dynamically using JavaScript. i have added the following code var thediv = document.getElementByClass("#group-left"); "> I need to add a id for this class dynamically using JavaScript. i have added the following code var thediv = document.getElementByClass("#group-left"); "> I need to add a id for this class dynamically using JavaScript. i have added the following code var thediv = document.getElementByClass("#group-left"); " />

javascriptでクラスの新しいIDを設定する

私はクラスを持っています

 <div class="group-left article_left">

I need to add a id for this class dynamically using JavaScript.

i have added the following code

    var thediv = document.getElementByClass("#group-left");
     thediv.id = "pad_id";

But the id is not appearing in my code.Can anyone help me.

0
document.getElementsByClassName( 'group-left')[0] のような意味ですか?
追加された 著者 James McLaughlin,
うん、ポンド記号 "#"がIDのために使用されていることを覚えておいてください。また、IDは一意であると考えられることを覚えておいてください。あなたはあなたのIDを繰り返す場合いくつかの奇妙な問題に遭遇する可能性があります。
追加された 著者 Alex Morales,

3 答え

そのような setAttribute を使用する必要があります:

thediv.setAttribute("id", "pad_id");
1
追加された
いいえ、 undefined の代わりにHTMLElementNodeを使用すると、 id
追加された 著者 Quentin,

メソッドは getElementsByClassName と呼ばれ、単一のノードではなくNodeListを返します(したがって、配列として扱い、ループするか、最初の要素を取得する必要があります)。

また、クラス名のスペルを正しく入力する必要があります。その中に文字はありません。

 var thediv = document.getElementsByClassName("group-left")[0];
 thediv.id = "pad_id";

Polyfillまたはライブラリを使用する場合は、はInternet Explorer 8以下でサポートされていません。 (代わりに、YUIや同等の機能を持つセレクタエンジンを実装しているものなど)。

1
追加された

いくつかのライブラリを使用しない限り、javascriptにgetElementsByClassメソッドがあります。あなたはjqueryを使うことができます

$('.class').attr('id','pad_id');

あなたは要素ごとに1つのidを使うべきです。覚えていること

0
追加された
追加された 著者 Quentin,
タグはjQueryではなくJavaScriptです...
追加された 著者 xandercoded,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript