Javascript onclick更改多个元素的颜色
我想通过单击按钮来更改页面中多个元素的颜色。我真的认为这将是非常困难的，但我有很多困难实现它。我的代码如下更改了第一个元素——我知道这是因为我使用的是document.getElementById，但当我将其更改为document.getElementByClass时，它会停止工作。我尝试过内联样式和内部样式，但没有效果。有人能解释一下怎么做吗。我怀疑这是不可能的。谢谢Javascript onclick更改多个元素的颜色,javascript,css,colors,onclick,styles,Javascript,Css,Colors,Onclick,Styles,我想通过单击按钮来更改页面中多个元素的颜色。我真的认为这将是非常困难的，但我有很多困难实现它。我的代码如下更改了第一个元素——我知道这是因为我使用的是document.getElementById，但当我将其更改为document.getElementByClass时，它会停止工作。我尝试过内联样式和内部样式，但没有效果。有人能解释一下怎么做吗。我怀疑这是不可能的。谢谢 <html> <head> <style> #p1{color:#4d982b;} <
<html>
<head>
<style>
#p1{color:#4d982b;}
</style>
<script type="text/javascript">
function ChangeStyle()
{
document.getElementByClass("p1").style.color="#aaaaaa";
}
</script>
</head>
<body>
<p class="p1">Hello world!</p>
<p class="p1">Hello world!</p>
<input type="button" onclick="ChangeStyle()" value="Change style" />
</body>
#p1{颜色：#4d982b；}
函数ChangeStyle（）
{
document.getElementByClass（“p1”）.style.color=“#aaaaaa”；
}
你好，世界
你好，世界
<p class="myclass">Hello world!</p>
<p class="myclass">Hello world!</p>
你好，世界
你好，世界
这通常是使用类而不是id来完成的 每页只能有一个id。 将代码更改为
<p class="myclass">Hello world!</p>
<p class="myclass">Hello world!</p>
你好，世界
你好，世界
页面上的元素不能具有相同的
ididgetElementById（“p1”）“p1”id解决方案是使用类，或者使用两个不同的
idgetElementByIdididgetElementById（“p1”）“p1”id解决方案是使用类，或使用2个不同的
idgetElementById<p class="p1">Hello world!</p>
<p class="p1">Hello world!</p>
ID必须是唯一的，因此请改用类名：
<p class="p1">Hello world!</p>
<p class="p1">Hello world!</p>
我相信您正在考虑document.getElementsByClassName-也许有人可以为我澄清，但我相信getElementById是获取元素时唯一的单数返回 让我们假设您正在尝试使用类“foo”获取所有元素
var elem=document.getElementsByClassName（'foo'））
对于（变量i=0；i上面可能有语法错误，但我想你明白了大概的意思~我相信你想到的是document.getElementsByClassName-也许有人可以为我澄清一下，但我相信getElementById是获取元素时唯一的单数返回 让我们假设您正在尝试使用类“foo”获取所有元素
var elem=document.getElementsByClassName（'foo'））
对于（变量i=0；i上面可能有语法错误，但我想您已经了解了一般的想法~Getelementbyid方法只适用于一个元素。尝试返回数组的getelementsbyid。Getelementbyid方法仅适用于一个元素。尝试返回数组的getelementsbyid。非常感谢您的评论，但我知道这一点，但当我使用document.getElementByClass（“p1”）.style.color=“#aaaaaa”；什么都没有发生。请检查我刚才添加的链接，它应该可以解决您的问题。这真的应该被标记为答案。如果你想让它在IE中工作，答案在上面的链接中，这是第一个答案。您需要创建
getElementByClassNamegetElementByClassName你好
你好，世界
检查Olivier提供的链接。您需要使用类“p1”getElementsByClassName（）[1]你好
你好，世界
检查Olivier提供的链接。您需要使用类“p1”getElementsByClassName（）[1]