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一起工作。。。。也许我应该去喝酒;)