Привет всем Я получаю эту ошибку в моей консоли.
Uncaught TypeError: Cannot read property 'innerHTML' of null functions.js:29
changeNameToLetters functions.js:29
onclick
Я попытался найти это, но я новичок в javascript и не совсем уверен, как его исправить. Первоначально у меня был свой сценарий в теге головы и переключил его прямо перед тегом body body, чтобы увидеть, была ли ошибка с тем, как все загружается, но, к сожалению, оно все еще не работает. Я проверил свое правописание своего идентификатора и текст внутри своего тега h3, и они кажутся мне прекрасными. Как я уже сказал, хотя я очень новичок в javascript и, вероятно, не замечаю ничего очевидного.
Спасибо за ваш вклад!
Вот мой html.
<body>
<h3 id"changeH3Text" onClick="changeNameToLetters()">
Regular Keyboard on Hover
</h3>
<div id="keyboardContainer" class="keyboard">......</div>
<script src="/functions.js"></script>
</body>
Вот мой javascript:
function changeNameToLetters(){
//keyboard container variables
var keyboardState= document.getElementById("keyboardContainer");
var currentClass = keyboardState.className;
//h3 text variables
var h3Text=document.getElementById("changeH3Text");
var currentText=h3Text.innerHTML;
if (currentClass == "keyboard_normal" && currentText =="Tool Name on Hover" ) {
keyboardState.className = "keyboard";
h3Text.innerHTML="Regular Keyboard on Hover";
} //end if
else {
keyboardState.className = "keyboard_normal";
h3Text.innerHTML="Tool Name on Hover";
} //end else
} //End function
Гарри прав
<h3 id="changeH3Text" onClick="changeNameToLetters()">
У id не было = после него.