• 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>
  • 相关阅读:
    HUD--2553 N皇后问题
    poj--2139
    poj--2236
    poj--2229
    poj--2376 Cleaning Shifts
    poj--3669
    poj--1979 Red and Black
    poj--1258
    经典DP问题--poj1088滑雪
    Poj 1041--欧拉回路
  • 原文地址:https://www.cnblogs.com/simhare/p/923620.html
Copyright © 2020-2023  润新知