Javascript 为什么可以';t访问document.querySelectorAll的某些元素

Javascript 为什么可以';t访问document.querySelectorAll的某些元素,javascript,html,css,Javascript,Html,Css,我是编程新手,我想了解为什么我可以以某种方式访问某些元素,为什么我不能以同样的方式访问其他元素 代码如下: const cImg = document.querySelectorAll('#cImg'); console.log('c :', cImg); console.log('element : ', cImg['0'].offsetHeight); cImg.forEach(element => { console.log('e :'

我是编程新手,我想了解为什么我可以以某种方式访问某些元素,为什么我不能以同样的方式访问其他元素

代码如下:

    const cImg = document.querySelectorAll('#cImg');
    console.log('c :', cImg);

    console.log('element : ', cImg['0'].offsetHeight);

    cImg.forEach(element => {
      console.log('e :', element.clientWidth);
    });
我在“cImg”的console.log中看到了元素
offsetHeight
clientWidth

如果我试图在
forEach
中记录灯光,则会出现此错误

但是如果我这样做:
cImg['0'].offsetHeight
我有正确的显示“399” 如果我想在
forEach
中看到元素“clientwidt”,它可以工作,我会得到显示“298”

我不明白为什么,因为这两个元素都在“cImg数组”中

有人解释一下吗

非常感谢。

[编辑]

要通过javascript访问元素中的CSS,需要遍历
element.style

试一试

element.style.offsetHeight

[edit 2]不,这不是因为要获取CSS,它的element.style.height和javascript无法获取CSS代码。周六晚上喝太多酒了P


[编辑2]

函数displayWidth(){
const cImg=document.queryselectoral('.cImg');
console.log('c:',cImg);
if(cImg.长度){
console.log('element:',cImg[0].offsetHeight);
cImg.forEach(元素=>{
log('e:',element.clientWidth);
});
}
}

askldajsldkjasdklasd
askldajsldkjasdklasd
askldajsldkjasdklasd
askldajsldkjasdklasd
[编辑]

要通过javascript访问元素中的CSS,需要遍历
element.style

试一试

element.style.offsetHeight

[edit 2]不,这不是因为要获取CSS,它的element.style.height和javascript无法获取CSS代码。周六晚上喝太多酒了P


[编辑2]

函数displayWidth(){
const cImg=document.queryselectoral('.cImg');
console.log('c:',cImg);
if(cImg.长度){
console.log('element:',cImg[0].offsetHeight);
cImg.forEach(元素=>{
log('e:',element.clientWidth);
});
}
}

askldajsldkjasdklasd
askldajsldkjasdklasd
askldajsldkjasdklasd
askldajsldkjasdklasd

好的,您需要的是element.style.offsetHeight。我相应地更新了我的帖子。问题是使用
id
,而不是
class
@RickardElimäääwell explain.现在我得到这个属性“style”在类型“Element”上不存在。ts(2339)加上它在“style”元素中不存在。。。因此,使用JavaScript,您只能将一些CSS代码应用于HTML。。。。在奇怪的事情中,它也与id一起工作。。。。也许我应该去喝酒;)好的,你需要的是元素。风格。远视。我相应地更新了我的帖子。问题是使用
id
,而不是
class
@RickardElimäääwell explain.现在我得到这个属性“style”在类型“Element”上不存在。ts(2339)加上它在“style”元素中不存在。。。因此,使用JavaScript,您只能将一些CSS代码应用于HTML。。。。在奇怪的事情中,它也与id一起工作。。。。也许我应该去喝酒;)