javascript - 使用 Javascript 删除 div 内的文本

Question

我有一个使用 MailChimp 的电子邮件表单，我需要在 5 秒后删除 div 内的“感谢订阅”消息，但我无法选择 div 内的文本。我尝试了 getElementById、querySelector、innerText、innerHTML(带或不带 #)，但我不断收到 null 值。我还尝试使用 querySelectorAll 来查看所有 Node ，它显示 div 和 id 为 div#mce-error-response.responde，文本位于 innerHTML 内

<div id="mce-responses" class="clear">
    <div class="response" id="mce-error-response" style="display:none" wfd-invisible="true"></div>
    <div class="response" id="mce-success-response" style="" wfd-invisible="true">Thank you for subscribing!</div>
</div>

let myForm = document.querySelector('#mc-embedded-subscribe-form');
let msg = document.getElementById('#mce-success-response').innerHTML;

myForm.addEventListener('submit', onSubmit);

function onSubmit(e) {
    e.preventDefault();

    console.log(msg);

单击提交后，MailChimp 将添加该 div这是代码https://codepen.io/m4573r00/pen/GRpwdKJ

这是 Node https://ibb.co/gw0jf8J

Answer 1

您尝试在 document.getElementById 中使用 # 来访问该元素，这是错误的。

您可以使用SetTimeout函数来延迟。

setTimeout(function(){
       var el = document.getElementById('mce-success-response');
       el.style.display = "none";
}, 1000);

EDIT

基于评论的工作代码笔解决方案 - Link