<分区>
标签 javascript jquery css html
<分区>
我正在尝试这样的事情。但这根本没有帮助。我仔细检查了类(class)名称是否正确。任何帮助将不胜感激。
<script>
$(window).bind("load", function() {
for(var i=0, len=document.getElementsByClassName('xd_top_box').length;i<len;i++){
document.getElementsByClassName('xd_top_box').style.display='inline-block';
}
});
</script>
我曾尝试使用 jquery,但后来将其与 javascript 混为一谈。我认为 jQuery 更短更好。
最佳答案
首先,您混合使用了 JS 和 jQuery。如果您正在加载 jQuery,您也可以使用它。其次,bind()
已被弃用。您应该改用 on('load', fn)
。
最后一个问题是因为 getElementsByClassName
返回一个类似对象的数组,您需要在更新每个单独元素的 style.display
之前对其进行迭代。
试试这个:
$(window).on('load', function() {
$('.xd_top_box').css('display', 'inline-block');
});
关于javascript - 页面加载后更改 A 类的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43787814/
相关文章:
javascript - Bootstrap 时间选择器不显示时间选择器选项
javascript - jquery 获取输入值以检索匹配的数组值以填充隐藏输入
javascript - 使用 JavaScript 后不返回显示 block 的初始 css 设置
javascript - 格式化数字,如 22,55,86,21,28
javascript - 无法将 NeDB Node 回调转换为 Bacon EventStream
jquery - 如何隐藏 jQuery 中具有特定值 "for"属性的 label 标签?