vue操作dom_vue源码全面解析(四十六)源码中操作DOM的方法集合
生活随笔
收集整理的這篇文章主要介紹了
vue操作dom_vue源码全面解析(四十六)源码中操作DOM的方法集合
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
// 查找節(jié)點是否存在,如果不存在新建一個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 } }// 創(chuàng)建注釋節(jié)點function createComment (text) { return document.createComment(text) }// 在指定元素之前插入節(jié)點function insertBefore (parentNode, newNode, referenceNode) { parentNode.insertBefore(newNode, referenceNode); }// 刪除子節(jié)點function removeChild (node, child) { node.removeChild(child); }// 添加子節(jié)點function appendChild (node, child) { node.appendChild(child); }// 獲取父級節(jié)點function parentNode (node) { return node.parentNode }// 獲取指定元素的下一個兄弟元素function nextSibling (node) { return node.nextSibling }// 獲取標簽名稱function tagName (node) { return node.tagName }// 設置節(jié)點內容function setTextContent (node, text) { node.textContent = text; }
與50位技術專家面對面20年技術見證,附贈技術全景圖
總結
以上是生活随笔為你收集整理的vue操作dom_vue源码全面解析(四十六)源码中操作DOM的方法集合的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 移动互联网时代的信息安全与防护_移动互联
- 下一篇: vue ui框架_你为什么要使用前端框架