一般動態建立元素可以通過兩種方式
1、dom html
var select = document.createelement("select");
select.options[0] =
new option("載入項1", "value1");
select.options[1] =
new option("載入項2", "value2");
select.size = "2";
});
2、jquery函式建立
3、頁面載入的時候最好在頁面載入完後執行建立
可以使用window.onload,但是在新增新的元素, 但是不幸的是瀏覽器執行window.onload函式不僅僅是在構建完dom樹之後, 也是在所有影象和其他外部資源完整的載入並且在瀏覽器視窗顯示完畢之後. 所以如果某個或者其他資源載入很長時間, 訪問者就會看到乙個不完整的頁面, 甚至在載入之前就執行了需要依賴動態新增的元素的指令碼而導致指令碼錯誤.
解決辦法就是等dom被解析後, 在影象和外部資源載入之前執行我們的函式.在jquery中讓這一實現變得可行
$(document).ready(
function
() );
或者使用簡便語法:
//jquery 使用$(function)方法
$( function()
);
所以請大家將修改dom的函式使用此方法呼叫. 另外還要注意document.createelement和innerhtml的區別. 如果可以請盡量使用document.createelement和$("")的形式建立物件.
多思考，多創新，才是正道！
js動態建立元素
動態建立元素有三種方法 document.write element.innerhtml document.createelement document.write 方法特點 單詞翻譯 語法意思 write 寫作用 document.write 將一些文字直接寫到頁面中,頁面文件執行完畢後，會導致它...
JS動態建立元素 筆記
動態建立元素 1.動態建立乙個超連結 var alink document.createelement a 2.設定超連結屬性 alink.href alink.title alink.target blank alink.innertext 3.把超連結追加到層中 document.getelem...
jquery 建立元素和新增子元素
一 建立新元素 1 使用 函式建立新元素 var newelement 段落 建立元素,返回jquery物件 說明 其插入位置為某個元素的最後乙個子元素 2 返回的jquery物件中只包含html片段最頂層 外層 的元素，對於後代元素我們可以像處理頁面中已有元素一樣，使用 children或find...