動態建立dom物件

2021-05-24 01:36:52 字數 773 閱讀 5397

在我們實際的專案之中,相信有很多的朋友直接使用了以下的格式建立dom元素

而且用的應該是還是樂此不疲,但是有多少人知道這是錯誤的做法!

錯誤的原因:

(1) 在頁面載入時改變了頁面的結構. 在ie6中如果網路變慢或者頁面內容太大就會出現"終止操作"的錯誤. 也就是說"永遠不要在頁面載入時改變頁面的dom模型".

(2) 使用修改html內容新增元素,  不符合dom標準. 在實際工作中也碰到過使用這種方法修改內容後,

某些瀏覽器中並不能立刻顯示新增的元素, 因為不同瀏覽器的顯示引擎是不同的. 但是如果我們使用dom的createelement建立物件,

在所有的瀏覽器中幾乎都可以. 但是在jquery中如果傳入的而是乙個完整的html字串, 內部也是使用innerhtml.

所以也不是完全否定innerhtml函式的使用.

所以從現在開始請摒棄這種舊知識, 使用下面介紹的正確方法程式設計.

關於使用html dom建立元素本文不做詳細介紹, 下面舉乙個簡單的例子:

第二種方式: 使用jquery

當html字串是沒有屬性的元素是, 內部使用document.createelement建立元素, 比如:

//jquery內部使用document.createelement建立元素:

否則使用innerhtml方法建立元素:

// jquery內部使用innerhtml建立元素:

(引自:http://kb.cnblogs.com/page/46453/)

動態物件建立

c 的動態物件建立 當建立乙個c 物件時,會發生兩件事 1 為物件分配記憶體 2 呼叫建構函式來初始化那個記憶體 然而,為物件分配記憶體可以用以下幾種方式或在可選擇的時間發生 1 在靜態儲存區域,儲存空間在程式開始之前就可以分配。這個儲存空間在整個執行期間都存在。2 無論何時到達乙個特殊的執行點 左...

js動態建立dom元素示例

js中有時候需要動態的建立 這也是常規的基礎知識,再次我總結一下,以備後用!直接上 function add 顯示相關的資訊 function show 動態新增超連結1 function create1 動態新增超連結2 function create2 影象上的星球,把它們放大。動態新增area...

MFC動態建立物件

define implement dyncreate class name,base class name cobject pascal class name createobject implement runtimeclass class name,base class name,0xffff,...