Javascript HTML:属性双引号不起作用-

javascript能做什么？
javascript可以隐藏html元素

点击我！

使用单引号；Doube引号将结束传递给onclick属性的字符串，在将字符串解析为javascript时导致systax错误。它将被解释为：

onclick="document.getElementById('demo').style.display="

javascript能做什么？
javascript可以隐藏html元素

点击我！

onclick属性都是小写，接受函数，而不是字符串，当您使用双引号时，应该在另一个地方使用单引号。

试试这个代码段。。 使用单引号

 onclick='document.getElementById("demo").style.display="none"'

javascript能做什么？
javascript可以隐藏html元素

点击我！

为了提高代码的可读性和处理此类情况，如果您创建一个在单击按钮时调用的函数，这将是一个更好的选择

函数onclickhandle（）{
console.log（“隐藏”）
document.getElementById（'demo'）.style.display='none'；
}

javascript能做什么？
javascript可以隐藏html元素

点击我试试这个

onCLick="document.querySelector('#demo').style.display='none'"

只需在双引号中使用单引号，如下所示：

onclick=" document.getElementById('demo').style.display='none' "

“none”vs“none”单引号很好，但双引号不起作用。感谢大家帮助澄清这一点