1. 程式人生 > >淺談JavaScript模擬$(HTML字串)實現建立DOM物件

淺談JavaScript模擬$(HTML字串)實現建立DOM物件

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