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

區(qū)分大小寫的。例如，使用下面的代碼可以創(chuàng)建一個

元素：

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

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

div.id="myNewDiv";

div.className="box";

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

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

document. body. appendChild( div);

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

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

var div=document. createElement("

http://syshcw.cn

")j

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

◎不能設置動態(tài)創(chuàng)建的");

//創(chuàng)建input元素

var input=document. createElement("");

//創(chuàng)建button元素

var button=document.createElement("");

//創(chuàng)建單選按鈕

var radiol=document.createElement("");

var radio2=document. createElement("");

}

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

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