在DOM中 ， 通过获得元素对象 ， 使用childNodes属性便可以获得子元素对象 。 下面小编以获得子元素的标签名称为例 ， 讲解DOM中如何获取一个元素的子元素 。
文章插图
需要这些哦
html+jquery
代码编纂器：Dreamweaver CS5
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解DOM中若何获取一个元素的子元素 。
文章插图
2在test.html文件内 ， 利用div标签建立一个模块 ， 在div内 ， 利用p标签建立一行文字 。
文章插图
3在test.html文件内 ， 设置div标签的id为mydiv ， 本家儿要用于下面经由过程该id获得div对象 。
文章插图
4在test.html文件内 ， 利用button标签建立一个按钮 ， 按钮名称为“获取子元素” 。
文章插图
5在test.html文件中 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行jsgetson函数 。
文章插图
6在js标签中 ， 建立jsgetson()函数 ， 在函数内 ， 利用getElementById()方式经由过程id获得div对象 ， 利用childNodes属性获得div的子元素 ， 最后 ， 利用alert()方式输出子元素的标签名 。
文章插图
7【DOM中如何获取一个元素的子元素】在浏览器打开test.html文件 ， 点击按钮 ， 查看成果 。
文章插图
总结：11、建立一个test.html文件 。
2、在文件内 ， 利用div标签建立一个模块 ， 在div内 ， 利用p标签建立一行文字 ， 同时建立一个button按钮 ， 用于触发执行js函数 。
3、在js标签内 ， 建立函数 ， 在函数内 ， 利用getElementById()方式经由过程id获得div对象 ， 利用childNodes属性获得div的子元素 。
注重事项childNodes属性返回节点的子节点调集 。
以上内容就是DOM中如何获取一个元素的子元素的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何修改浏览器主页默认的毒霸网页攻略
- 12306候补购票候补人数较少、中等是什么意思
- 爱上一杯茶
- 感悟饮茶
- 如何挑选一条好的玉化星月 玉化星月到底是什么
- 如何理解人格分裂倾向？
- 瘦瘦瘦瘦成铅笔腿
- 用热毛巾每天给猫咪擦身体可以吗 如何给猫咪用热毛巾
- 如何挑布偶猫 布偶猫如何快速熟悉
- 如何给猫咪驱虫 听说猫身上有弓形虫，饲养者会被传染吗？