我想更改 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>，或者添加一个事件监听器DOMContentLoaded下列的这个 StackOverflow 问题.
如果该脚本在<head>代码部分，document.getElementsByClassName(...)将返回一个空数组，因为 DOM 尚未加载。
你得到的是Type Error因为你正在引用search_span[0], but search_span[0] is undefined.
当您在开发工具中执行它时，这会起作用，因为 DOM 已经加载。