javascript - 請教，用原生js插入html的問題

Question

報錯訊息：Uncaught TypeError: Failed to execute 'insertBefore' on 'Node': parameter 1 is not of type 'Node'. 我想在觸發addChild方法的時候，在對應的tr之後拼接字串，請問addChild應該怎麼寫才對呢---...

高洛峰 · Answer

第一個參數要求是Dom節點不是字串

試試 insertAdjacentHTML

淡淡烟草味 · Answer

tpl是個字串，不是一個node對象，所以報錯；
你可以利用事件冒泡，把addChild方法寫在tr或者tbody上（依據是否是每個tr都需要這個方法）,
然後利用event對象的target屬性來找出對應的tr，然後進行後面操作就可以了；

淡淡烟草味 · Answer

報錯訊息很明顯了，tpl是一個字串，不是一個node元素

https://developer.mozilla.org...

你得把字串轉成dom

例如類似這樣的函數，來講字串轉成dom，程式碼只做參考

var toElement = (function(){
        var p = document.createElement('p');
        return function(html){
            p.innerHTML = html;
            var el = p.firstChild;
            return p.removeChild(el);
        };
    })();

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學