動態建立HTML內容

2021-08-07 17:30:09 字數 1016 閱讀 1984

1)document.write()

用來向html中插入東西,例入:

是很經典的方法,但是盡量避免在body中插入它(違反了js和html分離的原則,靈活性不高)

2)innerhtml

微軟自家的專利,始見於ie4。元素節點的innerhtml是乙個字串而不是dom樹,它沒有什麼細節可言,但是卻大大地方便了內容插入,比如說:

這裡的標籤是空的,在example.js檔案中:

window.οnlοad=function()
就把內容插入了標籤內。

innerhtml的優點是方便、可分離。缺點是沒有標準化,只適用於html文件。。。相比之下,dom提供了更多的精確性和更多功能。

3)dom提供的方法

①createelement()

用來建立乙個新元素,準確的來說是新的「元素節點」

用來向現在的dom樹中新增新元素(成為乙個子節點)

③createtextnode()

建立文字節點

上面三個方法綜合應用的乙個例子:

window.οnlοad=function()

④insertbefore(para1,para2)

插入節點,往para前插入,如parent.insertbefore(new_element,target),new_element和target具有相同的父親,new_element在target之前,二者是兄弟關係。

注:dom沒有提供insertafter()方法,但是我們可以自己編寫

⑤insertafter(para1,para2)

可以這樣實現:

function insertafter(newelement,targetelement)

else

}

JS 005 動態建立HTML內容

1 使用document.write 2 使用innerhtml innerhtml可以用來讀寫某給定元素裡的 html 內容。舉例 this is mycontent window.onload function 輸出 this is mycontent innerhtml的屬性 只有乙個取值為 ...

動態建立HTML之Table

在頁面上的html伺服器控牛的宣告和普通的靜態html標籤的宣告一樣,使用附加的runat server 特性,充高爾夫asp.net處理伺服器類,並把它們翻譯成對應的.net類的例項。在page load事件中新增如下 protected void page load object sender,...

HTML阻止內容

1.p元素 表示段落 p 2 pre元素 改變瀏覽器處理內容的方式,阻止合併 空白字元,讓原始檔中的格式得以儲存。pre 3 blockquote元素 表示引自其他地方的一片內容 blockquote 4 hr元素 分割線 hr 5 ol元素 表示有序列表,列表專案中用li元素表示。ol 6 ul元...