JavaScript 、jQuery動態創建元素的關鍵字~，javascriptjquery

JavaScript 、jQuery動態創建元素的關鍵字~，javascriptjquery

JavaScript動態創建元素：

1、創建元素  如：a 標簽

　　var alink= document.createElement("a");

2、j添加元素屬性

　　alink.href= "http://www.abc.com";

　　alink.target="_blank";

      或者 alink.setAttribute("href", "http://www.abc.com");//設置屬性href值為 http://www.abc.com

3、將創建的元素添加到 id為id 的元素下

　　getElementById("#id").appendChild(alink);

補充：創建表 table

var table= document.createElement("table");

var row= table.isertRow(-1);//（-1）表示在最後 添加一行row（tr）到table

var td1= row.insertCell(-1)（-1）表示在最後 添加一行cell（td）到tr

ducument.body.addendChild(table);將table 添加到body

jQuery動態創建元素：

1、創建元素 及添加屬性  如：a 標簽

　　var alink = $("<a href="http://www.abc.com" target="_blank"  title="這是一個鏈接">");

2、將創建的元素添加到 id為id 的元素下

　　$("#id").append(alink); //被動添加

以上（1、2、）兩步代碼等同於：

$("<a href="http://www.abc.com" target="_blank"  title="這是一個鏈接">").appendTo("#id"); //主動添加

注：關鍵字

1、propend/propendTo將創建的元素追加添加到該元素的內部的元素前面(即作為下級級元素)

2、將創建的元素追加添加到該元素的內部的元素後面 (即作為下級級元素)

3、before/insertBefore將創建的元素追加添加到該元素前面(即作為兄弟級元素)

4、after/insertAfter將創建的元素追加添加到該元素後面(即作為兄弟級元素)