javascript - css属性的自定义

Question

我正在尝试以这种方式自定义此元素的颜色属性:

<h2 style="float:left;font-family:'Open Sans',sans-serif;color:#fbfbfb;font-size:40px;position:relative;margin-top:-458px;margin-left:90px;" class="main-title">TEST</h2>

js代码(包含在html页面的顶部)

(function(){
    document.getElementsByClassName('main-title').color = 'black';
})();

这样做不会改变颜色。将它包含在页面底部涉及同样的问题。另外，我尝试包含一个 css 文件，其中包含 (.main-title{color:black;}) 而不是那个 js 文件，但它仍然是一样的。请问如何解决这个问题？

有什么好主意吗？

Answer 1

应该有

document.getElementsByClassName('main-title')[0].style.color = 'black';

因为 getElementsByClassName 返回一个集合而不是单个元素。 color 是 style 属性的关键。

您有 Top-margin = -458px，因此该元素永远不会出现。因此，您可能无法查看该元素本身。