DOM系统学习-基础

2

3

4

5

6

7

8

9

10

11

12

function filterSpaceNode(nodes) {

    var ret = []; //新数组   

    for (var i = 0; i < nodes.length; i++) {

        //如果识别到空白文本节点，就不添加数组   

        if (nodes[i].nodeType == 3 && /^\s+$/.test(nodes[i].nodeValue)) {

            continue;

        }

        //把每次的元素节点，添加到数组里   

        ret.push(nodes[i]);

    }

    return ret;

}

2

3

4

5

6

7

8

9

function removeWhiteNode(element) {   

      var nodes = element.childNodes;   

      for (var i = 0; i < nodes.length; i++) {   

          if (nodes[i].nodeType === 3 && /^\s+$/.test(nodes[i].nodeValue)) {   

              nodes[i].parentNode.removeChild(nodes[i]);   

          }   

      }   

      return element;   

  }

2

3

4

5

6

7

8

9

10

11

function insertAfter(newElement, targetElement) {

    //得到父节点         

    var parent = targetElement.parentNode;

    //如果最后一个子节点是当前元素，那么直接添加即可         

    if (parent.lastChild === targetElement) {

        parent.appendChild(newElement);

    } else {

        //否则，在当前节点的下一个节点之前添加         

        parent.insertBefore(newElement, targetElement.nextSibling);

    }

}