js動態建立li的不同方法

一、document.body.innerhtml+=""

我們可以

用document.body.innerhtml+=""

方法向body內新增li元素，但迴圈新增太耗效能，可以先迴圈將要新增的字串預先連線後儲存到str裡，再一次性新增給body：document.body.innerhtml=str，這樣可以避免新增數量過多時造成的頁面重新整理遲緩卡頓問題

。dom中文件結構如下：

*

ulul li

var oul = document.getelementsbytagname("ul")[0];

var str = "";
for(var i=0;i<5;i++)
oul.innerhtml = str;

二、（dom元素操作）向父元素中動態建立元素

用innerhtml的累加的方式建立元素，但是新增若次數過多會使效能降低；

建立乙個li元素：

var oli = document.createelement("li");

該元素被建立出來時並不屬於頁面，可以先給該元素新增內容，事件等：

oli.innerhtml = obj.value;

把他放在其父元素中:（

在父級最後節點後新增該元素

）dom中文件結構如下：

*

ulul li

for(var i=0;i<5;i++)

JS建立物件幾種不同方法詳解

每個方法都有在每個例項上重新建立一遍。person1和person2都有乙個sayname 的方法，但兩個方法不是同乙個function例項。不同例項上的同名函式是不相等的。建立兩個完成同樣任務的function例項沒有必要，而且還有this物件在，不需要在執行 前就把函式繫結在特定物件上，可以像下...

JS中不同方法如何實現繼承

首先來乙個父類的建構函式 父類 function person name,age,person.prototype.personlogage function let person1 newperson xiao 20 male console.log person1 person注意 物件a的 p...

python 複製列表的不同方法

import copy a 10 20 b a c list a d a 1 e copy.copy a f copy.deepcopy a print id a a 30553152 10,11 20,21 print id b b 44969816 10,11 20 print id c c 4...