Как получить сумму высоты блоков

239
31 декабря 2017, 09:06

Дамы и Господа, есть некоторое количество блоков, например <p>. Как мне получить сумму высоты блоков? Метод приведенный ниже в примере чего то не работает, не пойму в чем дело...

var par = document.getElementsByTagName('p'); 
 
for (var i = 0; i < par.length; i++) { 
  var parHeight = +par[i].getBoundingClientRect().height; 
} 
console.log(parHeight);
p { 
  width: 50%; 
  height: 100px; 
  background: gray; 
  margin: 20px; 
}
<p></p><p></p>

Answer 1

У вас parHeight равен последнему, тк. вы его заново объявляете каждую итерацию.

var par = document.getElementsByTagName('p'); 
var parHeight = 0; 
 
for (var i = 0; i < par.length; i++) { 
  parHeight += par[i].getBoundingClientRect().height; 
} 
console.log(parHeight);
p { 
  width: 50%; 
  height: 100px; 
  background: gray; 
  margin: 20px; 
}
<p></p><p></p>

READ ALSO
Удалить type=&#39;text/javascript&#39; из вызова скриптов Wordpress

Удалить type='text/javascript' из вызова скриптов Wordpress

Необходимо удалить type='text/javascript' из вызова скриптов Wordpress

389
Удаление класса родителя по клику на внутренний элемент

Удаление класса родителя по клику на внутренний элемент

Почему по клику на блокclose не убирается класс у родителя?

241
Как в add-on перед закрытием браузера сохранить значение переменной на стороне клиента в режиме &ldquo;инкогнито/приватный просмотр/ и т.д.&rdquo;?

Как в add-on перед закрытием браузера сохранить значение переменной на стороне клиента в режиме “инкогнито/приватный просмотр/ и т.д.”?

Печально, то что в другом режиме браузер не дает доступа на запись к локальному хранилищу и к кукамДумаю обмениваться значениями между скриптами...

271
Как узнать, что пользователь достиг этих элементов

Как узнать, что пользователь достиг этих элементов

В теории это дело должно менять содержимое #title на название болка, который сейчас в поле зренияНо ничего не происходит

282