js节点方法与介绍

父节点:parentNode

兄弟节点:  

               下一个兄弟:

                        nextSibling   ie6 78 识别

                        nextElementSibling 其他浏览器识别

               兼容处理:  one.nextElementSibling || one.nextSibling

              上一个兄弟 与下一个兄弟同理:

                        preivousSibling  

                        previousElementSibling 

子节点(不常用,几乎很少用):

                      firstChild 第一个孩子  ie6 7 8 识别

                      firstElementChild 正常浏览器识别 (空格也算孩子 )

                      lastChild 

                      lastElementChild 

 孩子节点(重点):

                      childNodes 选出全部的孩子

                      childNodes :标准属性 ,它返回指定元素的子元素集合

包括html节点,所有属性,文本节点(嫡出)

                      缺点: FF、chrome或ie高版本会把换行也看成子节点,ie

                  6 7 8 不会把换行当孩子利用nodeType==1 获取元素节点

              children 选择所有的孩子,仅仅选择的是元素节点(庶出,推荐使用)

      优 1 只有元素节点被你选中 2 无浏览器兼容问题

      注意事项: ie6 7 8 会把注释当节点,只要避免开即可


 dom节点操作: 新建节点 删除节点  克隆节点等


 新建节点:  

             var newLi =   document.creatElement("li");

插入节点:

               ul.appendChild(newLi);

            1.  appendChild();    添加孩子     append 添加的意思

   意思:  添加孩子   放到盒子的 最后面。

            2 insertBefore

                  insertBefore(插入的节点,参照节点)   子节点  添加孩子

                  insertBefore(test,null);

移除元素:

removeChild()

克隆节点: 

              cloneNode(true);  //深层复制,不仅仅复制元素本身,

   连它的孩子一起复制

              cloneNode(false);//默认就是浅层复制,只仅仅复制盒子本身,它

的子节点不会被复制



下面是统计js在节点的方法:

1appendChild     为当前节点添加一个新的子节点,放在最后的子节点后
2cloneNode     返回当前节点的拷贝
3createAttribute     创建新的属性
4createCDATASection     创建包括给定数据的CDATA段
5createComment     创建一个注释节点
6createDocumentFragment 创建DocumentFragment对象
7createElement     创建一个元素节点
8createEntityReference  创建EntityReference对象
9createNode     创建给定类型,名字和命名空间的节点
10createPorcessingInstruction     创建操作指令节点
11createTextNode     创建包括给定数据的文本节点
12getElementsByTagName  返回指定名字的元素集合
13hasChildNodes     返回当前节点是否有子节点
14insertBefore     在指定节点前插入子节点
15Load     导入指定位置的XML文档
16loadXML     导入指定字符串的XML文档
17removeChild     从子结点列表中删除指定的子节点
18replaceChild     从子节点列表中替换指定的子节点
19Save     把XML文件存到指定节点
20selectNodes     对节点进行指定的匹配,并返回匹配节点列表
21selectSingleNode     对节点进行指定的匹配,并返回第一个匹配节点
22transformNode     使用指定的样式表对节点及其后代进行转换
23transformNodeToObject 使用指定的样式表将节点及其后代转换为对象

把会用的以及常用的多去记录


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值