// 查找節點是否存在，如果不存在新建一個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; } 與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的vue操作dom_vue源码全面解析（四十六）源码中操作DOM的方法集合的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。