• javascript动态创建radio button元素支持IE/Firefox


        我们都知道在IE中创建表单元素可以有三种方式
    var oInput = document.createElement("input");
    var oInput = document.createElement("<input />");
    var oInput = document.createElement("<input name='' />");
        在Firefox里面仅支持
    var oInput = document.createElement("input");

        想要兼容IE/Firefox动态创建radio button元素可以这样写:

    function createRadio(name,id,value,isChecked)
    {
        
    var oRadio = null;
        
    if(isIE)
        
    {
            oRadio 
    = document.createElement("<input name='" + name + (isChecked ? "' checked='"+ isChecked +"'/>" : "' />"));
            oRadio.id 
    = id;
            oRadio.type 
    = "radio";
            oRadio.value 
    = value;
        }

        
    else
        
    {
            oRadio 
    = document.createElement("input");
            oRadio.setAttribute(
    "type","radio");
            oRadio.setAttribute(
    "id",id);
            oRadio.setAttribute(
    "name",name);
            oRadio.setAttribute(
    "value",value);
            
    if(isChecked)
           
    {
                oRadio.setAttribute(
    "checked",isChecked);
            }
            
        }

        
    return oRadio;
    }
        延伸一下,动态创建input任意元素代码片段如下即可:
    function createElement(tagName,name,type,value)
    {
        
    var element = null;
        
    try 
        
    {
            element 
    = document.createElement('<'+tagName+' name="'+name+'" />');
            element.type 
    = type;
            element.value 
    = value;
        }

        
    catch (e)
        
    {
        }

        
    if (!element)
        
    {
            element 
    = document.createElement(tagName);
            element.setAttribute(
    "type",type);
            element.setAttribute(
    "name",name);
            element.setAttribute(
    "value",value);
       }

       
    return element;
    }
     
  • 相关阅读:
    p标签中的文字垂直居中
    前端调试F12
    python之hashlib
    python之__new__()
    python深浅拷贝与赋值
    【Python3之socket编程】
    5月26号 JAVA基础语法 基本运算符
    5月25号 JAVA基础语法 变量 常量 作用域
    5月22号 JAVA基础语法 数据类型
    5月22号 JAVA基础语法 标识符和关键字
  • 原文地址:https://www.cnblogs.com/BeanHsiang/p/1030512.html
Copyright © 2020-2023  润新知