const dom = getelementbyid('box')@click="alert"this.$refs.up.style.display = "block";隱藏和顯示狀態中,此時多次操作refs可能會導致獲取到的元素為空,這是因為$refs只會在元件渲染完成之後生效，ref本身作為渲染結果被建立，在初始渲染的時候不能訪問他們，是不存在的。並且它們不是響應式的，所有的動態載入的模板更新它都無法相應的變化。只在元件渲染完成後才填充，用於元素或子元件註冊引用資訊，註冊完成，將會註冊在父元件$refs物件上。時常隱藏和顯示元素操作會導致在渲染完成前獲取元素時為空報錯。
只要拿jquery的選擇器，選中相應的dom進行操作就可以了，但是大家都知道jquery獲取元素是查詢頁面所有，相當於「迴圈」所有元素直至找到需要的dom，但是vue是單頁面的，jquery獲取dom並不只是獲取vue當前頁面，而是從根路由開始查詢所有，當其他頁面出現相同的元素，也會被獲取到，而且jquery操作的dom，如果是根據動態獲取資料渲染的，那麼寫在mounted裡的操作方法將會失效，必須放到updated裡，這樣會導致有些操作被執行多遍，所以還是不建議在vue中使用jquery。
操作dom元素（3）
class 標籤名 name 選擇器 queryselectorall 查屬性 點語法獲取元素的特點 attribute 獲取 設定 移除 查內容 textcontent innerhtml 增 innerhtml 新增 侷限性 document.createelement 新增步驟 2.設定標籤屬...
獲取dom元素的8種方法，及其案例
jsdom 1.什麼是dom？dom 全稱是document object model 文字物件模型 簡稱dom元素 dom 就是html元素 2.注意事項 獲取dom元素的時候需要注意，dom元素是否初始化 是否已經存在 3.獲取dom的8種方法 1 4種動態方法 document.getelem...
DOM獲取元素的幾種方法
dom根據id獲取元素 var div document.getelementbyid main console.log div 獲取到的資料型別 htmldivelement，物件都是有型別的 htmldivelement htmlelement element node eventtarget ...