Как изменить style , всех объектов внутри div

132
31 августа 2019, 00:10

у меня есть HTML код 

<div id="area" class="wrapper"> 
  <div class="vopros" id="vopros"> 
    <div class="top_strip" id="top_strip"> 
      <div class="meter"> 
        <span id="number"><span><p id="numbq"></p></span></span> 
      </div> 
      <p id="time">00:00</p> 
    </div> 
    <div class="picture"> 
      <img src="img/1.png" id="picture" class="picture"> 
    </div> 
    <p id="question"></p> 
    <div class="line-question" id="line-question" onclick="vari(0)"> 
      <img src="img/button-2.svg" id="pict-1" class="pict" height="20px"> 
      <a class="myButton" id="option1"></a> 
    </div> 
 
    <div class="line-question" id="line-question" onclick="vari(1)"> 
      <img src="img/button-2.svg" id="pict-2" class="pict" height="20px"> 
      <a class="myButton" id="option2"></a> 
    </div> 
 
    <div class="line-question" id="line-question" onclick="vari(2)"> 
      <img src="img/button-2.svg" id="pict-3" class="pict" height="20px"> 
      <a class="myButton" id="option3"></a> 
    </div> 
 
    <div class="line-question" id="line-question-4" onclick="vari(3)"> 
      <img src="img/button-2.svg" id="pict-4" class="pict" height="20px" id="option4"> 
      <a class="myButton" id="option4"></a> 
    </div> 
    <div class="bot-button" id="bot-button"> 
      <a onclick="vari(4)" id="option7" class="option7">Далее</a> 
      <a onclick="vari(8)" id="option8" class="option8">Назад</a> 
      <a onclick="vari(9)" id="option9" class="option9">Завершить</a> 
    </div>

в нем всем объектам присвоено display:none;, как можно изменить его на display:block; всем элементам внутри <div id="area" class="wrapper">?

Answer 1

function showAll() { 
  document.querySelectorAll("#area *").forEach( 
    e => e.style.display = "block" 
  ); 
}
#area * { 
  display:none; 
}
<button onclick="showAll()">Show All</button> 
<div id="area"> 
<div>Test DIV<span>Test SPAN inside DIV</span></div> 
<span>Test SPAN</span> 
</div>

READ ALSO
Не работает Scroll на Win7
c#

Не работает Scroll на Win7

В общем есть UserControl на нем панел (на панели рисую графику)Дело в том, что на Win7 не работает колесо мыши, даже если кликнуть по контролу, все равно...

 117
С# имитация нажатия мыши
c#

С# имитация нажатия мыши

Всем доброго дня, взялся недавно за проектПостигаю проблемы коммерческой разработки, так сказать) Встретился вот с такой проблемой

 105
Как запрограммировать fixed Joint
c#

Как запрограммировать fixed Joint

подскажите пожалуйста можно ли программно создать fixed joint и так же программно их удалить? Если можно то как?

 124
Можно ли в Autofac в Runtime менять зависимости?
c#

Можно ли в Autofac в Runtime менять зависимости?

Например, программа запускается, пользователь выбирает какой-то образно говоря "плагин"

 106