createElement()方法可創(chuàng)建元素節(jié)點(diǎn)。此方法可返回一個(gè) Element 對(duì)象。

語(yǔ)法：

document.createElement(tagName)

參數(shù):

tagName：字符串值，這個(gè)字符串用來(lái)指明創(chuàng)建元素的類型。

注意：要與appendChild() 或 insertBefore()方法聯(lián)合使用，將元素顯示在頁(yè)面中。

我們來(lái)創(chuàng)建一個(gè)按鈕，代碼如下：

<script type="text/javascript">
   var body = document.body; 
   var input = document.createElement("input");  
   input.type = "button";  
   input.value = "創(chuàng)建一個(gè)按鈕";  
   body.appendChild(input);  
 </script>  

效果：在HTML文檔中，創(chuàng)建一個(gè)按鈕。

我們也可以使用setAttribute來(lái)設(shè)置屬性，代碼如下：

<script type="text/javascript">  
   var body= document.body;             
   var btn = document.createElement("input");  
   btn.setAttribute("type", "text");  
   btn.setAttribute("name", "q");  
   btn.setAttribute("value", "使用setAttribute");  
   btn.setAttribute("onclick", "javascript:alert('This is a text!');");       
   body.appendChild(btn);  
</script>  

效果：在HTML文檔中，創(chuàng)建一個(gè)文本框，使用setAttribute設(shè)置屬性值。 當(dāng)點(diǎn)擊這個(gè)文本框時(shí)，會(huì)彈出對(duì)話框“This is a text!”。