Javascript 如何获取firstChild的clientWidth

我想得到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>

---

想通过class

r

获得

ot

的高度，为什么

ca

显示200

它正在工作。您可以在这里阅读有关HTMLDOM的更多信息

var ra=document.getElementsByClassName（“r”）[0]；
var n=ra.firstChild.clientHeight；
var ca=n；
警报（ca）
.ot{宽度：100px；高度：200px}
它正在工作。您可以在这里阅读有关HTMLDOM的更多信息


var ra=document.getElementsByClassName（“r”）[0]；
var n=ra.firstChild.clientHeight；
var ca=n；
警报（ca）
.ot{宽度：100px；高度：200px}
尝试添加此玩具。您的代码应显示所需的当前高度
div
：

HTML:

CSS:

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

HTML:

CSS:

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


var ra=document.getElementsByClassName（'r'）[0]；
var n=ra.getElementsByTagName（'div'）[0]；
警报（'width is='+n.clientWidth+'，height='+n.clientHeight）
.ot{
宽度：100px；
高度：200px
}
尝试使用工作代码段，我已经修改了您的代码，只需运行此代码段，您就可以检查您的第一个孩子的高度和宽度


var ra=document.getElementsByClassName（'r'）[0]；
var n=ra.getElementsByTagName（'div'）[0]；
警报（'width is='+n.clientWidth+'，height='+n.clientHeight）
.ot{
宽度：100px；
高度：200px
}

使用
firstElementChild
而不是
firstChild
使用
firstElementChild
而不是
firstChild
你运行了这个代码段吗？你看到了w3schools.com/code/tryit.asp吗？filename=FATMX1JOJKP1是的，我想我们可以选择第一个孩子，但clientWidth不能这样。我的答案对你有用吗？你运行过这个代码段吗？你看到这个w3schools.com/code/tryit.asp吗？filename=fatmx1jojkp1是的，我想我们可以选择第一个孩子，但clientWidth不能这样。我的答案对你有用吗？w3schools.com/code/tryit.asp？filename=FATMX1JOJKP1未定义dw3schools.com/code/tryit.asp？filename=FATMX1JOJKP1未定义
<p id="demo"></p>`
<button onclick="myFunction()">Try it</button>

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

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

}

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