亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

終于搞清楚Dom節點的獲取與子節點的關系

標簽:
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]获取的是第一个子节点的元素。
好了说了那么多,是为了想让跟我一样的菜鸟新手别被这个集合坑绊倒了,楼主被坑了三天。各种不理解,那感觉..老年大神笑笑就好了。

點擊查看更多內容
9人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消