createElement Method(document)

<SCRIPT>
function fnCreate(){
    oData.innerHTML
="";
    
var oOption=oSel.options[oSel.selectedIndex];
    
if(oOption.text.length>0){
    
var aElement=document.createElement(oOption.text);
    eval(
"aElement." + oOption.value + "='" + oText.value + "'");
    
if(oOption.text=="A"){
        aElement.href
="javascript:alert('A link.')";
   }

   }

    oData.appendChild(aElement);
}

</SCRIPT>
<SELECT ID="oSel" onchange="fnCreate()">
<OPTION VALUE="innerText">A
<OPTION VALUE="value">&lt;INPUT TYPE="button"&gt;
</SELECT>
<SELECT ID=oText onchange="fnCreate()">
<OPTION>
<OPTION VALUE="Text">Text
<OPTION VALUE="More and More Text">More and More Text
</SELECT>
<SPAN ID="oData" ></SPAN>
http://msdn2.microsoft.com/en-us/library/ms536389.aspx
<HTML>
<HEAD>
<SCRIPT>
function createRadioButton(){
    
// Create radio button object with value="First Choice" and then insert 
    // this element into the document hierarchy.
    var newRadioButton = document.createElement("<INPUT TYPE='RADIO' NAME='RADIOTEST' VALUE='First Choice'>")
    document.body.insertBefore(newRadioButton);
    
// Create radio button object with value="Second Choice" and then insert 
    // this element into the document hierarchy. 
    newRadioButton = document.createElement("<INPUT TYPE='RADIO' NAME='RADIOTEST' VALUE='Second Choice'>")
    document.body.insertBefore(newRadioButton);
}

</SCRIPT>
</HEAD>

<BODY>
<INPUT TYPE="BUTTON" ONCLICK="createRadioButton()" VALUE="Create two Radio Buttons"><BR>

<INPUT TYPE="BUTTON" ONCLICK="alert ( document.body.outerHTML )" VALUE="Click here to see HTML">

<BODY>
</HTML>
原文地址:https://www.cnblogs.com/simhare/p/923620.html