В этой статье описывается решение Invalid Style.display = "" в JS. Поделитесь этим для вашей ссылки. Конкретное решение заключается в следующем:
1. Описание проблемы:
В JS мы иногда хотим динамически контролировать Div, чтобы отобразить или скрыть или больше операций, но если мы стилизуем.
Посмотрите на следующий код:
Скопируйте код следующим образом: <style>
#имя
{
дисплей: нет;
}
</style>
</head>
<тело>
<div id = "name">
Меня зовут улыбка.
</div>
</body>
</html>
<Скрипт>
window.onload = function () {
document.getElementbyId ('name'). style.display = "";
оповещение ("тест");
}
</script>
CSS определяет Div с идентификатором как скрытое, и после загрузки страницы мы используем JS для управления отображением идентификатора. Есть ли ошибка в написании этого?
Есть ошибка? Но почему интерфейс все еще пуст?
2. Решение:
Помните, что есть еще одно использование xxx.style.display = "block", тогда давайте попробуем.
Увы, это на самом деле показало! ! !
Затем давайте проверим разницу между style.display = "" и style.display = "block".
На самом деле, самая большая разница между этими двумя заключается в том, что блок отображается блоками, поэтому будут разрывы линии. Так что, поскольку такая разница, почему один можно отображать в этом примере, а другой нет? Волноваться.
Хорошо, сначала давайте перейдем к этой проблеме. Давайте посмотрим, как мы решаем это в текущей проблеме. В дополнение к использованию style.display = "block" для его решения, есть другой способ:
Скопируйте код следующим образом: <div id = "name" style = "display: none">
Меня зовут улыбка.
</div>
<Скрипт>
document.getElementbyId ('name'). style.display = "";
</script>
Он должен использовать стиль с идентификатором для настройки в тег, чтобы его можно было отображать обычно независимо от того, отображается ли он = "" или display = "block"!
Я надеюсь, что описание в этой статье будет полезно для каждого веб -программирования на основе JavaScript.