Не работает querySelectorAll?

Question

[advancesss]

Подскажите, почему не работает в данном примере querySelectorAll ?

Если заменить на getElementById (и соответственно class на id), то работает, но getElementById выделяет один элемент, а нужно все.

<div class="div1">
 <div class="div2"></div>
</div>

<div class="div1">
 <div class="div2"></div>
</div>


<div class="div1">
 <div class="div2"></div>
</div>


<div class="div1">
 <div class="div2"></div>
</div>

var width = $(".div1").css('width');
document.querySelectorAll('div2').style.width = width;

Answer 1

[dollar]

Результат querySelectorAll - это как бы массив.
document.querySelectorAll('.div2')[0].style.width
Ну и селектор не "div2", а ".div2", ибо нужно выделить класс.

Comments

[advancesss]

не работает

[advancesss]

точнее работает только для первого элемента

[Ruslan Ruslanov]

advancesss, не позорьтесь (и не обижайтесь на этот призыв), и перечитайте вопросы и документацию.
Циклы и массивы — это основы, базис. Как вы прошли дальше без их знания — не понимаю.

[advancesss]

Ruslan Ruslanov, Если вы не можете ответить что то по существу - не надо лить воду. Я задал конкретный вопрос, для получения такого же конкретного ответа, а не переливание из пустого в порожнее с отсылкой на документацию. Здесь можно на любой вопрос ответить так как отвечаете вы - дескать читай документацию. Если есть решение поставленного вопроса в виде готового кода - решение в студию, а противном случае не разводите пустые разговоры. Если человек задает вопрос, то логично предположить, что он не знает на него ответа, или не в полной мере погружен в детали, либо у него срочная задача которую нужно решить как можно быстрее и соответственно у него нет времени либо возможностей штудировать документации, поэтому обращается к более к компетентным в данном вопросе специалистам.

[Ruslan Ruslanov]

advancesss, я ответил по существу. Вопрос был "(почему) не работает querySelectorAll?", писали заголовок, вроде как, вы, но если это не так, то перечитайте заголовок.
Вы просите написать за вас решение.
Может тогда поделитесь платой за эту работу, если уж работаем мы совместно?
Отослал вас к документации я из-за того, что вы реально просите базовые вещи, и раз вы их не знаете, то я осмелился предположить, что вы либо не читали ее, либо читали невнимательно.
Нет, конечно, многие готовы написать сотни решений ваших проблем в сотнях ваших глупых (да-да, именно глупых, ведь это основы, и пока вы их не освоите, вам лучше отложить все остальные дела) вопросов за вас, по разным причинам, но я не из них, извините.
И я же попросил не обижаться на критику, но вы обиделись и написали этот огромный комментарий, в попытке оправдать свое незнание, хоть я и предполагал такой исход.
Как прискорбно...
Но раз уж ваши ручонки добрались до кодинга, то будьте добры, избавьте других людей от вашего невежества, хотя бы путем изучения базиса JavaScript.
Циклы

[dollar]

advancesss, дать ссылку на документацию - это нормально. А вот перепечатывать документацию в ответ - не очень. Ну а срочность - это уже проблема автора вопроса. Тем более, что он на этом, возможно, заработает, а отвечающие - нет. Не честно! Плюс если автору нужна помощь в самых основах, то он как бы получается вообще не на своем месте. А это уже вдвойне не честно.

Answer 2

[advancesss]

$(function () {
var width = $(".tabs__content").css('width');

var elements = document.getElementsByClassName("fotorama__width"),
      i,
      len;
    for (i = elements.length-1; i > -1; i -= 1) {
       elements[i].style.width = width;
    }



  });

Answer 3

[Ruslan Ruslanov]

console.log(document.querySelectorAll('.div2'));
кстати, jquery как раз таки использует механизм querySelector для выборки, и в вашем же коде последовательно идут правильный пример, и неправильный.

Comments

[advancesss]

console.log(document.querySelectorAll('.div2')).style.width = width;

так же не работает

[Сергей]

А как оно будет работать? Это же массив, пройдите циклом

[Ruslan Ruslanov]

advancesss, уберите console.log, это я для отладки добавил.
Естественно так не будет работать, во-первых потому, что у объекта (?) console нету методов или свойств style.width, а во-вторых, как уже подметили другие участники "форума", это массив элементов, и надо обращаться к каждому через цикл.