終于搞清楚Dom節(jié)點(diǎn)的獲取與子節(jié)點(diǎn)的關(guān)系
標(biāo)簽:
JavaScript
自学不容易,没人带,遇到挡路石会很蛋疼,只有不停地寻找相关视频跟看别人的代码,看别人的代码有时候还不理解,又得回去翻知识点,好了,废话不多说。直接进入正题,新手可以看看。
document.getElementsByTagName("Name")获取到的是一组类似于数组的集合(原谅我这么理解,毕竟学得东西少,只有这个东西做对比),它是一组集合!它是一组集合!它是一组集合!(重要的事情说三遍,之前我错误地认为获取到的是一个元素,原谅我,有些知识真是不撞墙不知道),具有length属性,以下面代码为例:
body部分
输入代码:<div>
<p>javascript</p>
<div>jQuery</div>
<h5>PHP</h5>
</div>
JS部分:
输入代码: var x =document.getElementsByTagName("div")[0].childNodes;
输入代码:尽管上面body部分只有一个div,但document.getElementsByTagName("div")
获取到的依然是一个集合,所以要在后面[0]表示选择的第一个元素,也就是第一个div,这个时候加入childNodes表示再次获取它的所有子节点的集合,如果你想详细获取,得在变量里面加一个索引[数字]比如x[0]获取的是第一个子节点的元素。
好了说了那么多,是为了想让跟我一样的菜鸟新手别被这个集合坑绊倒了,楼主被坑了三天。各种不理解,那感觉..老年大神笑笑就好了。
點(diǎn)擊查看更多內(nèi)容
9人點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí),寫(xiě)下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開(kāi)微信掃一掃,即可進(jìn)行掃碼打賞哦