JavaScript原生节点操作小结

前言：原生是Javascript的基础，还是需要多多重视，时间长都忘记了，现在整理一下。

获取子节点

children 不是标准的dom属性，但是几乎被所有浏览器支持。不包含文本节点.

注意：在IE中，children包含注释节点。

childNodes 是标准属性。返回所有子节点。包括文本节点。

获取第一个子节点

1.firstChild

document.getElementById('b_pole').childNodes[0].childNodes[0].firstChild

获取最后一个子节点

1.lastChild

document.getElementById('b_pole').childNodes[0].childNodes[0].lastChild

判断是否有子节点

1.hasChildNodes()

document.getElementById('b_pole').childNodes[0].childNodes[0].hasChildNodes()

判断节点类型与节点名称

1.nodeType

    1：元素

    2：属性

    3：文本

2.nodeName

document.getElementById('b_pole').childNodes[0].childNodes[0].nodeType //1
document.getElementById('b_pole').childNodes[0].childNodes[0].nodeName //UL

创建DOM结构

1.创建元素节点 createElement

2.创建文本节点 createTextNode

document.createElement('div')
document.createTextNode('ok')

插入节点

1.insertBefore

2.appendChild

document.getElementById('b_pole').insertBefore(document.createTextNode('div'),document.getElementById('b_pole').firstChild)

document.getElementById('b_tween').childNodes[0].nextSibling.previousSibling.appendChild(document.createTextNode('ZQZQZQZQZ'))

移除节点

1.removeChild

document.getElementById('b_pole').removeChild(document.getElementById('b_pole').childNodes[0])

并返回被删除的节点dom

获取元素的下一个节点(同胞)

1.nextSibling

document.getElementById('b_pole').nextSibling

获取元素的上一个节点(同胞)

1.previousSibling

document.getElementById('b_pole').previousSibling

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# js  # 节点  # 操作  # JavaScript DOM节点操作方法总结  # Javascript的各种节点操作实例演示代码  # JavaScript 节点操作 以及DOMDocument属性和方法  # js操作DOM--添加、删除节点的简单实例  # JavaScript操作HTML DOM节点的基础教程  # JavaScript节点及列表操作实例小结  # Js操作树节点自动折叠展开的几种方法  # 使用js完成节点的增删改复制等的操作  # js和jquery对dom节点的操作(创建/追加)  # javascript学习笔记(十九) 节点的操作实现代码  # javascript dom操作之cloneNode文本节点克隆使用技巧  # 移除  # 不包含  # 整理一下  # 判断是否  # 忘记了  # document  # b_pole  # getElementById  # hasChildNodes  # nodeType  # lastChild  # code  # children  # strong  # Javascript  # dom  # firstChild  # childNodes  # nbsp  # insertBefore 

相关文章： 电脑免费海报制作网站推荐,招聘海报哪个网站多？  建站之星如何实现网站加密操作？  如何挑选优质建站一级代理提升网站排名？  建站之星后台密码遗忘？如何快速找回？  实例解析Array和String方法  详解jQuery中基本的动画方法  建站之家VIP精选网站模板与SEO优化教程整合指南  香港服务器选型指南：免备案配置与高效建站方案解析  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  广德云建站网站建设方案与建站流程优化指南  如何快速生成ASP一键建站模板并优化安全性？  怀化网站制作公司,怀化新生儿上户网上办理流程？  建站10G流量真的够用吗？如何应对访问高峰？  深圳网站制作的公司有哪些,dido官方网站？  成都网站制作报价公司,成都工业用气开户费用？  建站主机如何安装配置？新手必看操作指南  如何通过VPS搭建网站快速盈利？  如何快速辨别茅台真假？关键步骤解析  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  建站之星如何一键生成手机站？  北京网站制作公司哪家好一点,北京租房网站有哪些？  如何快速上传建站程序避免常见错误？  制作旅游网站html,怎样注册旅游网站？  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料？  免费视频制作网站,更新又快又好的免费电影网站？  宝塔新建站点报错如何解决？  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  建站主机是什么？如何选择适合的建站主机？  如何制作网站标识牌,动态网站如何制作（教程）？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  家庭服务器如何搭建个人网站？  如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本  在线教育网站制作平台,山西立德教育官网？  如何选择PHP开源工具快速搭建网站？  5种Android数据存储方式汇总  c# 在ASP.NET Core中管理和取消后台任务  如何快速搭建高效香港服务器网站？  css网站制作参考文献有哪些,易聊怎么注册？  如何快速生成橙子建站落地页链接？  如何在搬瓦工VPS快速搭建网站？  济南企业网站制作公司,济南社保单位网上缴费步骤？  相册网站制作软件,图片上的网址怎么复制？  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  如何选择适合PHP云建站的开源框架？  成都网站制作公司哪家好,四川省职工服务网是做什么用？  设计网站制作公司有哪些,制作网页教程？  建站之星安装提示数据库无法连接如何解决？  制作公司内部网站有哪些,内网如何建网站？  如何用AWS免费套餐快速搭建高效网站？