js获取子元素

Question

举个例子：
<div id='a'  style="width: 300px; height: 500px; background-color: rgb(0, 0, 0);">
     <div id='b' style="width: 800px; height: 300px; background-color: rgb(255, 0, 255);">
         <div id='c' style="width: 100px; height: 100px; background-color: rgb(255, 0, 255);">
 </div>
     </div>
 </div>
怎么通过id为a元素获取到id为b的div的width？document.getElementById('a').firstChild.css('width') 怎么不对啊

Answer 1

把你div中间的空格去掉 不然他把那串空格当成一个元素了

Answer 2

还有.css换成.style .css是jquery用的

Answer 3

css()是AJAX和jquery中的知识，不能用在这。。

Answer 4

不太明白什么意思？空格？
刚才写错了  是在jquery环境中的
$('#a').firstChild.css('width') 的不对的

Answer 5

$('#a').firstChild.width()这样就对了

Answer 6

....jquery下面没有firstChild滴 骚年 firstChild是原生JS的  Jquery下用$('#a :first').css('width')

Answer 7

1楼指的应该是中文空格会被视为元素的问题。要你检查检查。
$('#a').firstChild.css('width')这部分.width(value)设置匹配元素的宽度 
这样试试

Answer 8

for(var i in document.getElementById('a').childNodes){
if(document.getElementById('a').childNodes[i].nodeType==1){
console.log(document.getElementById('a').childNodes[i].style.width);
}
}

Answer 9

$("#a").children(0).width() 是这个 不好意思 这个绝对是了

Answer 10

谢谢 是这样的，那要是通过id为c的div 获取id为b的div的width 怎么获取

Answer 11

$('#c #b').width();LZ应该先理解清楚jquery方法与dom方法的区别

Answer 12

$('#c #b').width();LZ应该先理解清楚jquery方法与dom方法的区别
哦 不是这个意思 就是获取包含这个元素的 父元素怎么获取

Answer 13

$('#b').parent().width();  不对?

Answer 14

错了，是通过c获取b
$('#c').parent().width();

Answer 15

$("#a").children(0).width()这个也是可以的 通过c获取b  $("#c").prev()

Answer 16

$("#c").prev().width()就是b了的宽度了

Answer 17

$("#c").parent().width() 是这个 搞错了

Answer 18

document.getElementById('a').childNodes[1].offsetWidth