Question

我想获得firstChild的客户端宽度

的CSS

.ot{width:100px;height:200px}

JS

var ra = document.getElementsByClassName("r")[0];
var n = ra.firstChild.clientHeight;
var ca = n ;

HTML

<div class="r"><div class="ot"></div></div>

希望通过课程ot获得r的高度，为什么ca显示为200

Answer 1

它正在发挥作用。您可以在此处阅读有关HTML DOM的更多信息。 http://www.w3schools.com/jsref/dom_obj_all.asp

var ra = document.getElementsByClassName("r")[0];
var n = ra.firstChild.clientHeight;
var ca = n ;

alert(ca);

.ot{width:100px;height:200px}

<div class="r"><div class="ot"></div></div>

Answer 2

尝试将此玩具添加到您的代码中，应显示所需的当前高度div：

HTML：

<p id="demo"></p>`
<button onclick="myFunction()">Try it</button>

JavaScript的：

function myFunction() {
var ra = document.getElementsByClassName("r")[0];
var n = ra.firstChild.clientHeight;

document.getElementById("demo").innerHTML = n;

}

CSS：

.ot{width:100px;height:200px}

Answer 3

尝试使用工作代码段，我修改了您的代码，只需运行此代码段，您可以检查您的第一个孩子的身高和宽度

strides

var ra = document.getElementsByClassName('r')[0];
var n = ra.getElementsByTagName('div')[0];
alert( 'width is =' + n.clientWidth + ' , and height = ' + n.clientHeight );

.ot{
   width:100px;
   height:200px 
}

Answer 4

使用firstElementChild代替firstChild。

如何获取firstChild的clientWidth

4 个答案: