3 3 建立 元素節點

2022-06-08 19:45:08 字數 1788 閱讀 3220

一  向文件流寫入內容document.write() 

1)基本語法

document.write('text

'); //不常用 了解就可以

需要向文件中寫入內容,所以,若在乙個已關閉(例如,已完成載入)的文件上呼叫 document.write,就會自動呼叫 document.open,這將清空該文件的內容。

2)**驗證

"

btn">按鈕

按鈕沒有點選前的dom結構

點選按鈕後 頁面被重新繪製 以前的元素都沒有了

element.innerhtml1)效率比較

//字串拼接

function counttime()

var endtime = +new date();

console.log(endtime - starttime);

}counttime();

//用時 1061 毫秒

//陣列拼接

function counttime()

document.body.innerhtml = arr.join();

var endtime = +new date();

console.log(endtime - starttime);

}counttime();

//用時 3 毫秒

2)注意事項

// 是將內容寫入某個 dom 節點 不會導致頁面重繪

// 賦值節點的時候,不會賦值原先節點的事件 會存在記憶體洩漏

三 document.createelement()1)基本語法

document.createelement()//

元素節點 [ 最常用 ]

document.createattribute() //

屬性節點

document.createtextnode()//

文字節點

document.createcomment()//

注釋節點

nodelist = document.getelementsbyname(name); //

返回物件集合

注:name引數在xhtml中使用

2)執行效率

function counttime() 

var endtime = +new

date();

console.log(endtime -starttime);

}counttime();

//用時7毫秒

二者的區別

// . 建立元素多 用 innerhtml 效率更高 ( 不要用拼接字串 採取陣列形式拼接 )

// . 建立元素少 用createelement()

總結:innerhtml 用陣列的形式 效率比createelement()高

oracle 建立元素

資料庫建立公共表 建立一張例項中所有使用者都能訪問的表 你建立個表 比如 我在test使用者下建立test表 賦權 grant selet on test to public 建立公共同義詞 create public synonym test for test.test 這樣所有的使用者都可以se...

建立元素和刪除元素

動態建立新的dom元素,是js操作網頁物件模型的重要手段之一。執行效果 這裡寫描述 解析 建立新元素通常有2種方法 1 直接修改父元素的innerhtml元素 第一種方法用起來較為簡單,也易於理解,但需要修改整個父元素所包含的html內容,若父元素原先就包含了一些html內容,再進行dom掛接的話,...

jquery 動態建立元素

一般動態建立元素可以通過兩種方式 1 dom html var select document.createelement select select.options 0 new option 載入項1 value1 select.options 1 new option 載入項2 value2 s...