参照するIDのないオブジェクトのCSSを変更する

IDなしでHTML要素を参照できますか？参照するIDのないオブジェクトのCSSを変更する

function doThis(id) { 
 
document.getElementById(id).style.backgroundColor = "red"; 
 
}

<button id="removeThisId" onclick="doThis(this.id)">Click Me</button>

出典

2017-07-17 Daniel Williams

あなたは万のさまざまな方法でそれを選択することができます。クラス名、その位置DOM、その属性とその値、... –

実際のアプリケーションとは何ですか？ – guest271314

IDが存在しない場合は、追加します。または、スタイルクラスのように、他の方法でそれを識別することもできます。しかし、最良の方法はidを追加することです。なぜなら、idを追加するだけです。なぜなら、idを追加することです。 –

あなたは、最も一般的にはquerySelector()され、JavaScript関数の様々なDOMの要素を照会することができます。

querySelector()は、の後に批准された任意のCSSセレクタを受け入れ、their .class, tag or [attributes=value] and moreで参照することができます。たとえば、あなたはそれがIDです使用してずにを説明button要素を照会するために、あなたは次のように書くことができ

：

var el = document.body.querySelector('button[onclick="doThis(this.id)"]')

出典

2017-07-17 01:52:54

参照するIDのないオブジェクトのCSSを変更する

答えて

関連する問題