在開發過程中，我們經常要通過JS在DOM中加一些元素，例如，在用戶注冊時進行異步判斷用戶是否存，而給出相應的提示，則就要用到創建一個元素，將內容的字體樣式設置為紅色，內容為用戶名已經存在諸如些類的應用，在此我們著重介紹createElement()的使用方法和應用，使用document.createElement()方法可以創建新元素。這個方法只接受一個參數，即要創建元素的標簽名。這個標簽名在HTML文檔中不區分大小寫，而在XML(包括XHTML)文檔中，則是

區分大小寫的。例如，使用下面的代碼可以創建一個

元素：

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

在使用createElement()方法創建新元素的同時，也為新元素設置了ownerDocuemnt屬性。此時，還可以操作元素的特性，為它添加更多子節點，以及執行其他操作。來看下面的例子：

div.id="myNewDiv";

div.className="box";

在新元素上設置這些特性只是給它們賦予了相應的信息。由于新元素尚未被添加到文檔樹中，因此設置這些特性不會影響瀏覽器的顯示。要把新元素添加到文檔樹，可以使用appendChild()、inser-

tBefore()或replaceChild()方法。下面的代碼會把新創建的元素添加到文檔的元素中：

document. body. appendChild( div);

一旦將元素添加到文檔樹中，瀏覽器就會立即呈現該元素。此后，對這個元素所作的任何修改都會實時反映在瀏覽器中。

在IE中可以以另一種方式使用createElement()，即為這個方法傳人完整的元素標簽，也可以包含屬性，接下來由南昌網站制作公司百恒網絡開發工程師結合實例介紹創建完整的DIV標簽，如下面的例子所示：

var div=document. createElement("

http://www.dgscpc.com

")j

這種方式有助于避開在IE7及更早版本中動態創建元素的某些問題;下面是已知的一些這類問題。

◎不能設置動態創建的");

//創建input元素

var input=document. createElement("");

//創建button元素

var button=document.createElement("");

//創建單選按鈕

var radiol=document.createElement("");

var radio2=document. createElement("");

}

與使用createElement()的慣常方式一樣，這樣的用法也會返回一個DOM元素的引用。可以將這個引用添加到文檔中，也可以對其加以增強。但是，由于這樣的用法要求使用瀏覽器檢測，因此我們建議只在需要避開lE及更早版本中上述某個問題的情況下使用。其他瀏覽器都不支持這種用法。

本文僅限內部技術人員學習交流,不得作于其他商業用途.希望此文對廣技人員有所幫助。原創文章出自:南昌網站建設公司-百恒網絡 http: //www.dgscpc.com 如轉載請注明出處!