javascript - 請教,用原生js插入html的問題
問題描述
報(bào)錯(cuò)信息:Uncaught TypeError: Failed to execute ’insertBefore’ on ’Node’: parameter 1 is not of type ’Node’.
我想在觸發(fā)addChild方法的時(shí)候,在對應(yīng)的tr之后拼接字符串,請問addChild應(yīng)該怎么寫才對呢
-----更新
回答的各位朋友,謝謝了,問題解決了,用了一樓的方法
問題解答
回答1:第一個(gè)參數(shù)要求是Dom節(jié)點(diǎn)不是字符串
試試 insertAdjacentHTML
回答2:tpl是個(gè)字符串,不是一個(gè)node對象,所以報(bào)錯(cuò);你可以利用事件冒泡,把a(bǔ)ddChild方法寫在tr或者tbody上(依據(jù)是否是每個(gè)tr都需要這個(gè)方法),然后利用event對象的target屬性來找到對應(yīng)的tr,然后進(jìn)行后面操作就可以了;
回答3:報(bào)錯(cuò)信息很明顯了,tpl是一個(gè)字符串,不是一個(gè)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 - 請教一個(gè)關(guān)于頁面視差效果的實(shí)現(xiàn)2. javascript - 請教一個(gè)package.json相關(guān)的問題。3. javascript - 請教一個(gè)分頁緩存同步更新的問題?4. javascript - 請教一個(gè)前后端rest傳輸數(shù)據(jù)大小的問題?5. javascript - 請教大俠,webpack打包圖片的時(shí)候,頁面上顯示不出來,還有網(wǎng)站根目錄的疑問?6. javascript - 請教 jquery 中 trigger(’click’) 和 click() 的區(qū)別與優(yōu)劣。7. javascript - 請教空白文本節(jié)點(diǎn)的問題8. javascript - 請教一個(gè)問題,大家都是怎么安裝從github下面clone下來的包的開發(fā)環(huán)境呢?9. javascript - 請教一個(gè)關(guān)于touchstart事件的小問題10. javascript - 請教angular1.x 如何獲取表格內(nèi)當(dāng)前行的數(shù)據(jù)(即angular如何獲取DOM)
