изменение JavaScript innerhtml
хорошо я являюсь новым в JavaScript, но я пытаюсь изменить innerhtml тега Div, вот является мой сценарий и не работой:
<head>
<script type="text/javascript">
function var1() {
document.getElementById('test').innerHTML = 'hi';
}
window.onLoad = var1();
</script>
</head>
<body>
<div id="test">change</div>
</body>
это должно работать, но по некоторым причинам не, какая-либо справка?
6 ответов
Вместо того, чтобы назначать var1 window.onload , вы сейчас вызываете функцию и сохраняете ее результат . Кроме того, это может быть очевидно, но var1 кажется странным именем для функции. Попробуйте следующее:
function var1() {
document.getElementById('text').innerHTML = 'hi';
}
window.onload = var1;
Обратите внимание на регистр onload , а также на отсутствующие скобки после var1 .
правильно:
window.onload = var1;
в вашем примере значение window.onload равно undefined , потому что функция var1 ничего не возвращает ( undefined ). Вы должны установить для свойства onload функцию var1, а не результат вызова функции var1 ()
Вы получаете элемент с идентификатором "теста", но нет никакого элемента с тем идентификатором в вашем HTML. Существует, однако, один названный "текст".
Ваш пример будет работать, если вы измените верхний регистр "L" на нижний регистр "L" в "onLoad" и удалите круглые скобки после var1, где у вас сейчас есть window.onLoad = var1 ();
Попробуйте изменить onLoad на onload.
function var1() {
document.getElementById('test').innerHTML = 'hi';
}
window.onload = var1; // onload
с использованием .innerHTML является нестандартным, и ужасной практикой по многим причинам. вам следует создать новый элемент, используя соответствующие стандартные методы, и добавить его в дерево, где вы хотите