zoukankan      html  css  js  c++  java
  • 关于操纵dom节点部分

    纵观网上的各类节点问答,深刻认识到国内程序员发展之路的艰辛,由此整理了操纵dom节点部分内容:

    createElement(name)方法可创建元素节点,此方法可返回一个 Element 对象,name为字符串值;

    coreateTextNode(data) 可创建文本节点,data为字符串文本;

    appendChild(newchild) 方法可向节点的子节点列表的末尾添加新的子节点,newchild为添加的节点;

    insertBefore(newChild,existingChild)  newChild作为target的子节点插入到existingChild节点之前,existingChild为可选项参数,当为null时其效果与appendChild一样;

    insertAfter(newEl,targetEl)  在指定的targetEl节点之后插入newEl节点:

    function insertAfter(newEl, targetEl)  {
           var parentEl = targetEl.parentNode;
            if(parentEl.lastChild == targetEl) {
                parentEl.appendChild(newEl);
            }else{
               parentEl.insertBefore(newEl,targetEl.nextSibling);
            }            
    }

    var s = document.querySelector("#test")

    s.childNodes;  //得到s的全部子节点

    s.parentNode;   //得到s的父节点

    s.nextSibling;   //获得s的下一个兄弟节点

    s.previousSibling;  //得到s的上一个兄弟节点

    s.firstChild;   //获得s的第一个子节点

    s.lastChild;   //获得s的最后一个子节点

  • 相关阅读:
    压缩感知(CS)
    在linux服务器上配置anaconda和Tensorflow,并运行
    opencv基本操作
    在windows10下vs2017配置opencv4.0.0
    枚举
    图片居中
    css初始化
    常用颜色
    css三大布局
    盒子宽度
  • 原文地址:https://www.cnblogs.com/geewonii/p/7419430.html
Copyright © 2011-2022 走看看