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

286

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>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

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

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

436

javascript

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

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

281

javascript

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

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

312

javascript

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

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

385