javascript – 无法读取未定义的属性“样式” – 未捕获的类型错误

我想更改html页面的span元素中文本的颜色,字体大小和字体粗细.

我使用以下代码：

if(window.location.href.indexOf("test") > -1){
    var search_span = document.getElementsByClassName("securitySearchQuery");
    search_span[0].style.color = "blue";
    search_span[0].style.fontWeight = "bold";
    search_span[0].style.fontSize = "40px";
}

以下是我的html页面的代码

<h1 class="keyword-title">Search results for<span class="securitySearchQuery"> "hi".</span></h1>

我想通过id获取元素,但不幸的是它们只有类和没有id.我没有权限更改HTML代码,只是将js代码添加到网站外部.

我试图查看其他stackoverflow帖子,但可以找到解决方案.
我是js和css的新手,请告诉我哪里出错了.

解决方法

添加你的< script>在< body>的底部,或者在 this StackOverflow question之后为DOMContentLoaded添加事件侦听器.

如果该脚本在< head>中执行代码的一部分,document.getElementsByClassName(…)将返回一个空数组,因为尚未加载DOM.

您正在获取类型错误,因为您引用了search_span [0],但未定义search_span [0].

这在您在Dev Tools中执行时有效,因为DOM已经加载.

原文地址：https://www.jb51.cc/js/150671.html