javascript - 請教,用原生js插入html的問題
問題描述


報錯信息:Uncaught TypeError: Failed to execute ’insertBefore’ on ’Node’: parameter 1 is not of type ’Node’.
我想在觸發(fā)addChild方法的時候,在對應(yīng)的tr之后拼接字符串,請問addChild應(yīng)該怎么寫才對呢
-----更新
回答的各位朋友,謝謝了,問題解決了,用了一樓的方法

問題解答
回答1:第一個參數(shù)要求是Dom節(jié)點不是字符串
試試 insertAdjacentHTML
回答2:tpl是個字符串,不是一個node對象,所以報錯;你可以利用事件冒泡,把addChild方法寫在tr或者tbody上(依據(jù)是否是每個tr都需要這個方法),然后利用event對象的target屬性來找到對應(yīng)的tr,然后進(jìn)行后面操作就可以了;
回答3:報錯信息很明顯了,tpl是一個字符串,不是一個node元素
https://developer.mozilla.org...
你得把字符串轉(zhuǎn)成dom
比如類似這樣的函數(shù),來講字符串轉(zhuǎn)成dom,代碼僅做參考
var toElement = (function(){var p = document.createElement(’p’);return function(html){ p.innerHTML = html; var el = p.firstChild; return p.removeChild(el);}; })();
相關(guān)文章:
1. javascript - 請教下關(guān)于emoji在WEB輸出的問題。2. javascript - 請教空白文本節(jié)點的問題3. javascript - 請教如何獲取百度貼吧新增的兩個加密參數(shù)4. javascript - 請教移動網(wǎng)頁如何做多列選擇器5. javascript - 請教一個關(guān)于頁面視差效果的實現(xiàn)6. javascript - 請教一個前后端rest傳輸數(shù)據(jù)大小的問題?7. javascript - 請教angular1.x 如何獲取表格內(nèi)當(dāng)前行的數(shù)據(jù)(即angular如何獲取DOM)8. javascript - 請教移動端從詳情頁返回到列表頁原來位置的問題?9. javascript - 請教一個問題,大家都是怎么安裝從github下面clone下來的包的開發(fā)環(huán)境呢?10. javascript - 請教大俠,webpack打包圖片的時候,頁面上顯示不出來,還有網(wǎng)站根目錄的疑問?

網(wǎng)公網(wǎng)安備