Изменение стилей блока с помощью javascript

219
25 марта 2018, 19:31

Есть два блока, надо сделать функцию на javascript, чтобы по нажатию на кнопку 1 блок принял стиль display: block;, а второй display:none;

Answer 1

function myFunction() { 
  document.getElementById('div1').style = "display: block"; 
  document.getElementById('div2').style = "display: none"; 
}
<div id="div1">Первый блок</div> 
<div id="div2">Второй блок</div> 
<button onclick="myFunction()">click</button>

Answer 2

Если я правильно понял, нужна такая переключалка?

[...document.getElementsByClassName('div')].forEach((s, i) => { 
  s.addEventListener('click', function() { 
    [...document.getElementsByClassName('div')].forEach((s, i) => { 
      document.getElementsByClassName('div')[i].style.display = 'block'; 
    }) 
    s.style.display = 'none'; 
 
  }) 
})
<div class="div">Первый блок</div> 
<div class="div">Второй блок</div>

READ ALSO
Фиксированная позиция при прокрутке

Фиксированная позиция при прокрутке

В шапке веб-страницы расположены якоря как менюШапка при прокрутке веб-страницы вниз получает фиксированную позицию

272
Js движение блоков

Js движение блоков

Всем добрый день,только за регистрировался на данном сайте,есть вопрос,в есть вопрос относительно js Есть блок на который при наведении вылезает...

211
Элементы не сплывают влево (float:left)

Элементы не сплывают влево (float:left)

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

304