淺談JavaScript模擬$(HTML字串)實現建立DOM物件
阿新 • • 發佈:2018-11-27
JavaScript裡動態建立標準DOM物件一般使用:document.createElement()方法。
但在實際使用過程中,可能會希望直接根據HTML字串建立DOM節點,模擬$(HTML字串)建立DOM物件的方法。
1、思路:
① 用document.createElement()方法建立一個div元素;
② 用innerHTML來給div元素插入HTML字串;
③ 用div.childNodes[0]即可返回HTML字串對應建立的DOM物件。
2、程式碼:
function createNode(htmlStr) {
var div = document.createElement("div");
div.innerHTML = htmlStr;
return div.childNodes[0];
}
---------------------
作者:筱葭
來源:CSDN
原文:https://blog.csdn.net/zhouziyu2011/article/details/70740083
版權宣告:本文為博主原創文章,轉載請附上博文連結!
轉載於:https://blog.csdn.net/zhouziyu2011/article/details/70740083