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>
  • 相关阅读:
    ajax提交json数据到后端C#解析
    icheck判断是否选中
    sql多列值一行显示
    IDEA 2018 搭建 Spring MVC helloworld
    C# 注册DLL至GAC 并在添加引用中使用该DLL
    Java获取执行进程的dump文件及获取Java stack
    intellij idea搭建SpringBoot
    通过链接跳转登录到另外一个系统
    访问Hsql .data数据库文件
    基于weui的城市选择器(city-picker)
  • 原文地址:https://www.cnblogs.com/simhare/p/923620.html
Copyright © 2011-2022 走看看