首页 JavaScriptJS知识点正文

js修改input type

景先 JS知识点 2015-04-03 577 0 input

这个事情大家可能遇到过,比如我原先是一个输入框,点击的时候变成按钮。
那大家可能想到直接修改 比如:
oInput.type=’xxx';
必须的,但是一切都挺好,只是IE8包括IE8及以下是不允许修改type属性的,它是只读的!那怎么办么?
只有想办法换掉了!
为了方便,封装了一个函数,用法是这样的:

changeType(obj,type) ->  changeType(input,’button’)

function changeType(obj,type){
    var oTmp=obj.cloneNode(true);
    
    oTmp.type=type;
    
    obj.parentNode.replaceChild(oTmp,obj);
}

用法:

window.onload=function(){
    var oT=document.getElementById('t1');
    
    oT.onclick=function(){
        changeType(oT,'button');
    };
};

页面结构:

<input type="text" id="t1" value="aaa">

简单用法就是这样的,over!!!

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论