javascript - jQueryなしで属性を設定するにはどうすればよいですか？

Question

jQueryなしでタグに属性を設定したい。

これを動的に設定する必要があります。

jQueryでは$（'html'）を実行するだけですが、jQueryがないと、試しDocument.getElementById('html')ましたが機能しません。

これどうやってするの？

Answer 1

一般的な場合、と同等の標準DOMjQuery('element_name');はですdocument.getElementsByTagName('element_name');。HTMLElementNodeだけでなく、 NodeList（配列のようなもの）を返すことに注意してください。

ルート要素としてのHTML要素には、を介してアクセスできますdocument.documentElement。

属性値の設定は、 HTMLElementNodesetAttribute('attribute_name', 'attribute_value');のメソッドを使用して行うことができます。この方法は古いバージョンのInternetExplorerではバグがあるため、代わりに同等のDOMプロパティを使用することをお勧めします。

たとえば、class属性の値を置き換えるには、次のようにします。

document.documentElement.className = "foo bar baz";

Answer 2

document.getElementsByTagName('html')[0].setAttribute('name','value');