Как вычислить на js сумму ширины двух элементов?

Question

[dsgnfox]

Задача такова. А родительском блоке лежит 3 дочерних блока.
Как реализовать на js это?
100% - (ширина 1 блока + ширина 2 блока) = ширина 3 блока и записать значение в css width

Comments

[Сергей delphinpro]

Вопрос-то в чем? формулу расчета вы уже вывели, берите ширину каждого, складывайте, и вычитайте из ширины родителя.

Answer 1

[iBird Rose]

var block1 = $('.block1').width(); //блок 1
var block2 = $('.block2').width(); //блок 2
var wrapper = $('.wrapper').width(); //100%

block3 = wrapper - block1 - block2;
$('.block3').css('width', block3);

p.s. а вообще советую такое проделывать через css calc

Answer 2

[WQP]

Собственно вот https://jsfiddle.net/35uhugb3/1/

Answer 3

[Светлана Полищук]

var sum = document.querySelector('.bl1').clientWidth + document.querySelector('.bl2').clientWidth;
document.querySelector('.bl3').style.width = 'calc(100% - ' + sum + 'px)';