javascript - JavaScript 上非常基本的 setAttribute

标签 javascript object element setattribute

我是 JavaScript 的初学者,我不明白为什么在这个简单的代码中,出现在控制台中的 color.setAttribute 不是一个函数

<style>
	.red {color:red;}
	.blue { color: blue;}
</style>
</head>
<body>
<p class="red">Hello World</p>
<script>
	var color = document.getElementsByClassName("red");
	color.setAttribute("class","blue");
</script>
据我所知,在声明变量color 时,我创建了一个元素对象,我可以使用方法:setAttribute.

提前致谢,如果我的问题太愚蠢,我深表歉意。

最佳答案

document.getElementsByClassName("red") 返回一个类似数组的 dom 对象。所以你应该写以下内容。

var color=document.getElementsByClassName("red")[0];
color.setAttribute("class","blue");

关于javascript - JavaScript 上非常基本的 setAttribute,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30554070/

相关文章:

javascript - 继承导致函数被执行很多次Javascript

java - 如何打印我的 Java 对象而不得到 "SomeType@2f92e0f4"?

Javascript - 不使用删除删除对象键

html - 伪元素在元素的顶部而不是在元素的底部

typo3 - 隐藏页面上的特定元素(Typoscript)

javascript - 用 JavaScript 替换用户在文本框中写的词

c# - 通过 Crystal Web 服务以编程方式在 Crystal 服务器上设置 Crystal Report 的数据源

jquery - 单击事件跟踪设置

javascript - 在正则表达式文字中使用字符类中的/总是安全的吗?

Javascript如何将参数转换为键?