使用javascript更改元素样式_Javascript

使用javascript更改元素样式

javascript

使用javascript更改元素样式,javascript,Javascript,我正在做我自己的某个项目，我有以下问题： -我想将span的内容字体颜色更改为红色这是HTML <html> <head> <title>Testing</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script> var arr =

我正在做我自己的某个项目，我有以下问题： -我想将span的内容字体颜色更改为红色

这是HTML

<html>
    <head>
        <title>Testing</title>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script>
           var arr = document.getElementsByClassName("change");
           console.log(arr);
           console.log(arr.length);
           var i;

            for (i = 0; i <= arr.length; i++) {
            console.log(arr[i]);
            arr[i].style.color = red;
            }
        </script>

    </head>
    <body>
        <div> 
           <p id="test">Something <span class="change">here</span></p>
           <p id="test">Something <span class="change">there</span></p>
           <p id="test">Something <span class="change">everywhere</span></p>

        </div>
     </body>

</html>


测试
var arr=document.getElementsByClassName（“变更”）；
控制台日志（arr）；
控制台日志（arr.length）；
var i；
对于（i=0；i试试这个


测试
这里有些东西

到处都有东西
var arr=document.getElementsByClassName（“变更”）；
var i；
对于（i=0；i
document.GetElementsByCassName
实际上并没有返回数组。它返回一个HTMLCollection
。但是在这种情况下，您可以，因为HTMLCollection
有一个长度属性。我认为您的脚本在DOM解析完成之前运行，所以当您请求元素时，它们还没有出现。或者你的脚本块到底部，或者等待DOMContentLoaded
事件。哦，还有Kresimir说的。你不能这样做，它有比找不到元素更多的问题。@Will你是对的。我移动了正文底部的脚本，它似乎正在工作。我不知道它必须等待，我的JS基础知识就这么多了。还有围绕“”的引号似乎起到了作用。