JavaScript修改CSS样式失效求助：鼠标悬停切换文章显示失败

你的代码里存在一个关键错误：设置style.display时，initial和none没有用引号包裹。在JavaScript中，CSS属性的字符串值必须用单引号或双引号括起来，否则会被解释为未定义的变量，导致样式修改完全失效。

修正后的代码 #

修改script部分的代码如下：

function visible(a){
    document.getElementById(a).style.display = 'initial';
    document.getElementById('default').style.display = 'none';
}

额外检查点 #

• 确认页面中确实存在id为c1和default的article元素，且页面内没有重复的id。
• 若initial的表现不符合预期，可以直接指定明确的显示值，比如'block'（article元素默认的display属性值通常为block），效果会更可控。

内容的提问来源于stack exchange，提问作者Harry Potter