Я пытался создать настраиваемое выпадающее меню и был как бы экспериментировал с различными способами, чтобы сделать это. Однако appendChild внезапно перестала работать. Когда я проверил хром-консоль, он дал ошибку «Uncaught TypeError: Не удалось прочитать свойство appendChild« null »для строки 26. Я использовал appendChild много раньше, и у меня никогда не было этой проблемы с этим , Я даже открыл другой документ, который я ранее сделал, и скопировал + вставил почти идентичную строку в него и получил ту же ошибку. Помогите?appendChild не будет работать с конкретным документом
<!doctype html>
<script>
function changeClassValue() {
if(document.getElementById('dropDown').className == "up") {
document.getElementById('dropDown').className = "down";
numberValue = 1;
} else if(document.getElementById('dropDown').className == "down") {
document.getElementById('dropDown').className = "up";
numberValue = 0;
} else {
}
changeTextVisibility();
}
function changeTextVisibility() {
if(numberValue == 1) {
newDiv.appendChild(newParagraph);
} else if(numberValue == 0); {
newDiv.appendChild(newParagraph);
}
}
var numberValue;
var newDiv = document.createElement('div');
var newParagraph = document.createElement('p');
var newParagraphText = document.createTextNode('This is a drop down menu!');
document.body.appendChild(newDiv);
newParagraph.appendChild(newParagraphText); //this is line 26, and is what seems to be broken.
</script>
<style>
</style>
<body style="background-color: skyblue;">
<p id="dropDown" class="up" style="font-size: 25px; padding: 10px 10px;background-color: slategray; display: inline-block;"
onclick="changeClassValue();"><strong><u> >drop down menu< </u></strong></p>
</body>