zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    归并排序的java实现
    Hanoi问题java解法
    j2ee之Filter使用实例(页面跳转)
    java工具类之Graphics
    java程序设计之循环链表
    Java程序设计求出岁数
    Java程序设计之链表结构
    CENTOS 6 通过YUM升级GCC到4.7/4.8
    Object c的NSString的使用,创建,拼接和分隔,子string,substring
    Let’s Encrypt 最近很火的免费SSL 使用教程
  • 原文地址:https://www.cnblogs.com/simhare/p/923620.html
Copyright © 2011-2022 走看看