vue dom操作_vue源码全面解析（四十六）源码中操作DOM的方法集合

// 查找节点是否存在，如果不存在新建一个div元素返回function query (el) {    if (typeof el === 'string') {      var selected = document.querySelector(el);      if (!selected) {        warn(          'Cannot find element: ' + el        );        return document.createElement('div')      }      return selected    } else {      return el    }  }

// 创建注释节点function createComment (text) {    return document.createComment(text)  }

// 在指定元素之前插入节点function insertBefore (parentNode, newNode, referenceNode) {    parentNode.insertBefore(newNode, referenceNode);  }

// 删除子节点function removeChild (node, child) {    node.removeChild(child);  }

// 添加子节点function appendChild (node, child) {    node.appendChild(child);  }

// 获取父级节点function parentNode (node) {    return node.parentNode  }

// 获取指定元素的下一个兄弟元素function nextSibling (node) {    return node.nextSibling  }

// 获取标签名称function tagName (node) {    return node.tagName  }

// 设置节点内容function setTextContent (node, text) {    node.textContent = text;  }