Скрипт выбирает один элемент и не регирует на innerHtml

322
06 июня 2017, 02:04

Есть такой скрипт

function chooseElement(e) { 
 
  var selectr = document.querySelectorAll(e); 
  for (var i = 0; i < selectr.length; i++) { 
 
    return selectr[i]; 
 
  } 
 
} 
 var x = chooseElement('.hello'); 
  x.style.color = "red"; 
 var y = chooseElement('.hello2'); 
  y.innerHtml = "Span";
<span class="hello">Мой тег span</span><br> 
<span class="hello">Мой тег span</span><br> 
<span class="hello">Мой тег span</span><br> 
<span class="hello">Мой тег span</span><br> 
<span class="hello2">Мой тег span2</span><br> 
<span class="hello2">Мой тег span2</span><br> 
<span class="hello2">Мой тег span2</span><br>

Вопрос, почему он выбирает только один элемент а innerHtml отказывается работать?

Answer 1

Первая же итерация цикла натыкается на return, поэтому выходит из функции, возвращая только первый элемент.
Свойства innerHtml нет, есть innerHTML:

function chooseElement(e) { 
  return Array.from(document.querySelectorAll(e)); // Выбираем элементы и перегоняем их в массив 
} 
 
let x = chooseElement('.hello'); 
x.forEach(x => x.style.color = "red"); 
 
let y = chooseElement('.hello2'); 
y.forEach(y => y.innerHTML = "Span");
<span class="hello">Мой тег span</span><br> 
<span class="hello">Мой тег span</span><br> 
<span class="hello">Мой тег span</span><br> 
<span class="hello">Мой тег span</span><br> 
<span class="hello2">Мой тег span2</span><br> 
<span class="hello2">Мой тег span2</span><br> 
<span class="hello2">Мой тег span2</span><br>

READ ALSO
HTMLElement.prototype.remove

HTMLElement.prototype.remove

Где найти информацию по этому методу? В MDN среди методов HTMLElement, Element, Node такого не нашелОднако в 58 хроме он присутствует как нативный

363
помогите, команды для ourworldofpixels.com не работают [требует правки]

помогите, команды для ourworldofpixels.com не работают [требует правки]

чтобы открыть консоль нажмите на Ctrl+Shift+i и выберете Console

432
jQuery скрыть блок родителя

jQuery скрыть блок родителя

Здравствуйте, есть такой кодПри запуске, он скрывает текст всех элементов кроме тех что с текстом Show, вопрос, нужно сделать так чтобы он скрывал...

358