Форум

dantist433 · #1 (**permalink**) 22.05.2017, 12:32

<a href="#" onclick="look(extra_fields)">Характеристики</a>

<div class="extra_fields" id="extra_fields" style="display:none;">
                    <div><span class="extra_fields_name">Рекомендации по сферам применения</span>: <span class="extra_fields_value">Для предприятий с высокой проходимостью для предоставления чека до 80 мм</span></div><br>
                    <div><span class="extra_fields_name">Способ печати</span>: <span class="extra_fields_value">Термопечать</span></div><br>
                    <div><span class="extra_fields_name">Принтер</span>: <span class="extra_fields_value">АТОЛ</span></div><br>
                    <div><span class="extra_fields_name">Печатающий механизм</span>: <span class="extra_fields_value">LTP04-347-A1, Seiko Instruments (Япония)</span></div><br>
                    <div><span class="extra_fields_name">Качество печати, dpi</span>: <span class="extra_fields_value">203</span></div><br>
                    <div><span class="extra_fields_name">ЕГАИС</span>: <span class="extra_fields_value">да</span></div><br>
                    <div><span class="extra_fields_name">54 - ФЗ</span>: <span class="extra_fields_value">да</span></div><br>
                </div>

<script>
	function look(elemId) {
			var elem = document.getElementById(elemId);
 
			elem.style.display === "none" ?
			elem.style.display = "block" : elem.style.display = "none";
			}
</script>

при нажатии должен открываться вот этот див <div class="extra_fields" id="extra_fields" style="display:none;">
но пишет ошибку "TypeError cannot read property style of null"

laimas · #2 (**permalink**) 22.05.2017, 13:14

Здесь - onclick="look(extra_fields)", строковые значения должны заключаться в кавычки.

onclick="look('extra_fields')"

Страница не скачет?

dantist433 · #3 (**permalink**) 22.05.2017, 13:22

Сообщение от laimas

Здесь - onclick="look(extra_fields)", строковые значения должны заключаться в кавычки.

onclick="look('extra_fields')"

Страница не скачет?

Спасибо, что бы не было скачков написал

<a onclick="look('extra_fields')">Характеристики</a>

рони · #4 (**permalink**) 22.05.2017, 13:29

dantist433,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

  </script>
</head>

<body><p style="height: 1500px"></p>
<a href="#" onclick="look(event,'extra_fields')">Характеристики</a>

<div class="extra_fields" id="extra_fields" style="display:none;">
                    <div><span class="extra_fields_name">Рекомендации по сферам применения</span>: <span class="extra_fields_value">Для предприятий с высокой проходимостью для предоставления чека до 80 мм</span></div><br>
                    <div><span class="extra_fields_name">Способ печати</span>: <span class="extra_fields_value">Термопечать</span></div><br>
                    <div><span class="extra_fields_name">Принтер</span>: <span class="extra_fields_value">АТОЛ</span></div><br>
                    <div><span class="extra_fields_name">Печатающий механизм</span>: <span class="extra_fields_value">LTP04-347-A1, Seiko Instruments (Япония)</span></div><br>
                    <div><span class="extra_fields_name">Качество печати, dpi</span>: <span class="extra_fields_value">203</span></div><br>
                    <div><span class="extra_fields_name">ЕГАИС</span>: <span class="extra_fields_value">да</span></div><br>
                    <div><span class="extra_fields_name">54 - ФЗ</span>: <span class="extra_fields_value">да</span></div><br>
                </div>

<script>
  function look(event, elemId) {
      event.preventDefault()
      var elem = document.getElementById(elemId);
      elem.style.display = elem.style.display != "none" ? "none" :  "block";
      }
</script>


</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript