Для того, чтобы задать стили для всех элементов с классом .box
на jQuery, достаточно написать следующее:
$('.box').css('background', 'red');
Как реализовать тоже самое на чистом JS? Вот моя не вполне удачная попытка:
function $(selector) {
var prefix = selector[0];
var selector = selector.substring(1);
switch (prefix) {
case '#':
return document.getElementById(selector);
case '.':
var elem = document.getElementsByClassName(selector);
for (var i = 0; i < elem.length; i++) {
return elem[i];
};
default:
return document.getElementsByTagName(prefix + selector);
}
}
$('.box').style.background = 'red';
<div>
<p class="box">hello</p>
<p>world</p>
<p class="box">000</p>
<p>111</p>
</div>
Стили применились только к первому элементу с классом .box
, хотя я возвращаю эти элементы из цикла ...
JS в процессе изучения, поэтому прошу сильно меня не "ругать"))
return
вы покидаете функцию, в данном случае функцию$