как Скрыть / показать элемент dom в закрытии google

DomA.стиль.display = " нет"; дома.стиль.display = " block;

Я не мог найти такие функции в библиотеке, но я предполагаю, что они должны быть где-то.

3 9
google-closure

3 ответа:

<html>
<head>
<script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js" type="text/javascript"></script>
<script language="JavaScript">
    goog.require('goog.style');
</script>
</head>
<body>
   <div id="myElement">test</div>
</body>
</html>
<script> 
    goog.style.setStyle(goog.dom.$("myElement"), "display", "none");
    // or
    goog.style.showElement(goog.dom.$("myElement"), false);
</script>
15

Другой вариант -

Var elA = goog.дом.getElementByClass ('sdf');

Гуг.стиль.showElement (elA, true) // показать элемент

Гуг.стиль.showElement (elA, false) // скрыть элемент

4

В соответствии с более поздней официальной документацией здесь , для setStyle рекомендуется следующее:

Задает значение стиля для элемента. ... По возможности используйте собственные API: Элем.стиль.propertyKey = 'value' или (если стирание старых стилей является отлично) Элем.стиль.cssText = 'свойство1: значение1; свойство2: значение2'.

Это предполагает goog.dom.getElement('myElement').style.display = 'block';, как в вашем вопросе.

Также полезно отметить, что если вы используете showElement, устанавливая второй аргумент to true вернет элемент в его default style. Как говорится:

True для отображения элемента в стиле по умолчанию, false для отключения визуализация элемента.

Это означает, однако, что если вы установите display: none в вашем CSS, установка true все равно не будет показывать элемент, потому что стиль CSS по умолчанию должен скрывать элемент!! Это отличается, скажем, от jQuery.

Для переключения вы можете сделать следующее: 

var el_style = goog.dom.getElement('myElement').style;
el_style.display = (el_style.display === "none" ? "block" : "none");
4