に関連付けられているタグ名はので、私は私だけ.wrapperのIMGを編集できるようにしたいなこのはクラス
document.getElementsbyClassName(".wrapper img").style.width = "20px"
.wrapper img {
width: 10px;
}
ような状況を持って言うことができます修正します。そのためには、クラス名に関連付けられたタグを含める必要があります。これをどうやって行うのですか?
に関連付けられているタグ名はので、私は私だけ.wrapperのIMGを編集できるようにしたいなこのはクラス
document.getElementsbyClassName(".wrapper img").style.width = "20px"
.wrapper img {
width: 10px;
}
ような状況を持って言うことができます修正します。そのためには、クラス名に関連付けられたタグを含める必要があります。これをどうやって行うのですか?
.getElementsByClassName
の代わりに.querySelectorAll
を使用してください。
.querySelectorAll
CSSとjQueryセレクタと同じセレクタクエリです。
.getElementsByClassName
クラス名を取得するのは、クラスを検索するときにドットを使用しない理由です。 (getElementByIdまたはgetElementsByTagNameに同じ制限があり、単純なクエリのみを返します)
例:<div class="box">
、document.getElementsByClassName('box');
また、脇getElementById
(要素が単数形で気付か)から他のすべてのクエリが配列を返すであろう、ということを覚え。編集する要素を指定する必要があります。通常は[0]、またはそれらをすべて編集したい場合は、配列をループするだけです。
私の懸念は、私は上記のソリューションが動作するはず –
「.wrapper 『一般的には何も変更せずに』 .wrapper IMG」のスタイルを変更することについては行く方法です。しかし、getElementById以外のクエリーを返すときは、配列を返します。だから、あなただけの最初の要素を変更したいと仮定すると、[0]でそれにアクセスする必要があります。私は例を設定します。 – warkentien2