Uncaught TypeError: Невозможно прочитать свойство 'innerHTML' для пустых функций. Js: 29 changeNameToLetters functions.js: 29 onclick

0

Привет всем Я получаю эту ошибку в моей консоли.

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="js/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
Теги:

1 ответ

0

Гарри прав

<h3 id="changeH3Text" onClick="changeNameToLetters()">

У id не было = после него.

  • 0
    LOL спасибо, Радди, я чувствую себя глупо, что я пропустил это. Я исправил это, и теперь все работает отлично :)
  • 0
    Ах, не чувствуй себя глупым, это случается со всеми нами. :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню