2017-01-24 13 views
0

に関連付けられているタグ名はので、私は私だけ.wrapperのIMGを編集できるようにしたいなこのはクラス

document.getElementsbyClassName(".wrapper img").style.width = "20px"
.wrapper img { 
 
    width: 10px; 
 
    }

ような状況を持って言うことができます修正します。そのためには、クラス名に関連付けられたタグを含める必要があります。これをどうやって行うのですか?

答えて

0

.getElementsByClassNameの代わりに.querySelectorAllを使用してください。

  • .querySelectorAll CSSとjQueryセレクタと同じセレクタクエリです。

  • .getElementsByClassNameクラス名を取得するのは、クラスを検索するときにドットを使用しない理由です。 (getElementByIdまたはgetElementsByTagNameに同じ制限があり、単純なクエリのみを返します)

    例:<div class="box">document.getElementsByClassName('box');

また、脇getElementById(要素が単数形で気付か)から他のすべてのクエリが配列を返すであろう、ということを覚え。編集する要素を指定する必要があります。通常は[0]、またはそれらをすべて編集したい場合は、配列をループするだけです。

Here's an example code

+0

私の懸念は、私は上記のソリューションが動作するはず –

+0

「.wrapper 『一般的には何も変更せずに』 .wrapper IMG」のスタイルを変更することについては行く方法です。しかし、getElementById以外のクエリーを返すときは、配列を返します。だから、あなただけの最初の要素を変更したいと仮定すると、[0]でそれにアクセスする必要があります。私は例を設定します。 – warkentien2