猿问

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

我已经在该网站和每个网站上尝试了所有方法,但是由于某些奇怪的原因,我似乎无法在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);


繁星点点滴滴
浏览 249回答 3
3回答

临摹微笑

看起来您正在尝试编写立即调用的函数表达式,即(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'出现在我的测试中...

江户川乱折腾

该代码段有效,因此我认为您在ID中拼写了QuestionE错误,因为我看不到您的标记或const questione = document.getElementById('QuestionE')在元素存在于DOM中之前运行。尝试将行放在函数或console.log(questione)中,看看它是否有值。const questione = document.getElementById('QuestionE')function questionOne(){&nbsp; questione.innerHTML = "hello";}window.addEventListener('load', questionOne, false);<div id="QuestionE"></div>
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答