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元...