Javascript document.getElementByClassName不起作用,但document.getElementById起作用

Javascript document.getElementByClassName不起作用,但document.getElementById起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是带有2个div的html。我想为每个div设置单独的边框。当我为两个div使用方法separate ID时,它可以工作,但当我使用class时,它不能工作。如何使多个div使用相同的类名来设置边框 函数myFunction(){ document.getElementByClassName(“myDiv”).style.border=“thin solid#0000FF”; } myDiv先生{ 边框:“厚实线#0000FF } 机械类 1)测量单位 @KingHECORTDiedM

这是带有2个div的html。我想为每个div设置单独的边框。当我为两个div使用方法separate ID时,它可以工作,但当我使用class时,它不能工作。如何使多个div使用相同的类名来设置边框


函数myFunction(){
document.getElementByClassName(“myDiv”).style.border=“thin solid#0000FF”;
}
myDiv先生{
边框:“厚实线#0000FF
}

机械类

1)测量单位

@KingHECORTDiedMYD溜冰

KiloHEXTODekaMeterDeci

ChoklateMilk

Centi毫 &hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip



2)十倍乘法器

@DesiHeroKILEDMegaGiganticT恐怖分子

DekkaHEXTOKiloMegaGigaTera 101 102 103 106 109 1012

&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip

没有“document.getElementByClassName”-您要的是document.getElementsByClassName。它将所有元素作为与该类名匹配的数组返回。然后你只需要从数组中选择你想要的一个

请参阅此处的文档:

这里没有“document.getElementByClassName”-您要的是document.getElementsByClassName。它将所有元素作为与该类名匹配的数组返回。然后你只需要从数组中选择你想要的一个


请参阅此处的文档:

如果错过函数名称中的“s”,则它是
getElementsByClassName
,但是如果使用
getElementById
则没有“s”。

如果错过函数名称中的“s”,它是
getElementsByClassName
但是如果你使用
getElementById
它没有“s”

首先它是
getElementsByClassName
而不是
getElementByClassName
缺少s

其次它返回所有子对象的类似数组的对象,因此您必须使用循环来应用其所有子对象的css样式

建议:在您想要使用更复杂的选择器并且具有良好的浏览器兼容性时更有用

因此,您可以尝试使用返回所有子元素的类似数组的对象,这些子元素具有所有给定的类名,并循环使用它们来应用css样式,如下所示


函数myFunction(){
var cols=document.getElementsByClassName('myDiv');
对于(i=0;i
机械类

1)测量单位

@KingHECORTDiedMYD溜冰

KiloHEXTODekaMeterDeci

ChoklateMilk

Centi毫 &hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip

2)十倍乘法器

@DesiHeroKILEDMegaGiganticT恐怖分子

DekkaHEXTOKiloMegaGigaTera 101 102 103 106 109 1012

&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip&hellip


首先它是
getElementsByClassName
不是
getElementByClassName
缺少s

其次它返回所有子对象的类似数组的对象,因此您必须使用循环来应用其所有子对象的css样式

建议:在您想要使用更复杂的选择器并且具有良好的浏览器兼容性时更有用

因此,您可以尝试使用返回所有子元素的类似数组的对象,这些子元素具有所有给定的类名,并循环使用它们来应用css样式,如下所示


函数myFunction(){
var cols=document.getElementsByClassName('myDiv');
对于(i=0;i
机械类

1)测量单位

@KingHECORTDiedMYD溜冰

Kilo