似乎无法使用.innerHTML向H1标签添加文本

Question

我已经在该网站和每个网站上尝试了所有方法，但是由于某些奇怪的原因，我似乎无法在h1标签中添加文本。我已经做了一百万遍了，之前没有任何问题，但是现在不管我做什么，它似乎都不起作用。onClick函数可以很好地工作，所以我知道该函数正在运行。    const true1 = document.getElementsByClassName('True')    const false1 = document.getElementsByClassName('False')    const next = document.getElementsByClassName('next')    const questione = document.getElementById('QuestionE')function questionOne(){      questione.innerHTML = "hello";        true1[0].addEventListener('click', ((() => function aClickEvent(){            true1[0].classList.toggle('TrueH')             next[0].classList.toggle('nextS')             }))(), false);             false1[0].addEventListener('click', ((() => function aClickEvent(){             false1[0].classList.toggle('FalseH')             next[0].classList.toggle('nextS')            }))(), false);    }   window.addEventListener('load', questionOne(), false);

Answer 1

看起来您正在尝试编写立即调用的函数表达式，即

(function blah(){})()

这是你的意思吗？您有点击监听器，所以也许您的意思是这样的：

function questionOne() {

  questione.innerHTML = "hello";

  true1[0].addEventListener('click', () => {

    true1[0].classList.toggle('TrueH')

    next[0].classList.toggle('nextS')

  }, false);

  false1[0].addEventListener('click', () => {

    false1[0].classList.toggle('FalseH')

    next[0].classList.toggle('nextS')

  }, false);

}

btw'hello'出现在我的测试中...

Answer 2

该代码段有效，因此我认为您在ID中拼写了QuestionE错误，因为我看不到您的标记或

const questione = document.getElementById('QuestionE')

在元素存在于DOM中之前运行。尝试将行放在函数或console.log（questione）中，看看它是否有值。

const questione = document.getElementById('QuestionE')

function questionOne(){

  questione.innerHTML = "hello";

}

window.addEventListener('load', questionOne, false);

<div id="QuestionE"></div>