input | button | textarea 元素的checked, disabled,hidden属性控制

这三种元素涉及到的checked, disabled,hidden属性的控制方法如下

一、attribute方法: 

//以下3行,都会影响HTML的( checked | disabled | hidden )属性,且会将ele.( checked | disabled | hidden )设置为true
ele.setAttribute('checked',  任意值);  
ele.setAttribute('disabled',  任意值);
ele.setAttribute('hidden',  任意值); 

//以下3行,都会删除HTML的( checked | disabled | hidden )属性,且会将ele.( checked | disabled | hidden )设置为false
ele.removeAttribute('checked');  
ele.removeAttribute('disabled');
ele.removeAttribute('hidden'); 

二、property方法:【以下.操作和[]操作一样】

//以下3行,都会ele.( checked | disabled | hidden )设置为true,且会给HTML添加无值的( checked | disabled | hidden )属性
ele.checked = true;  
ele.disabled = true;
ele.hidden = true; 

//以下3行,都会ele.( checked | disabled | hidden )设置为false,且会删除HTML的( checked | disabled | hidden )属性
ele.checked = false;  
ele.disabled = false;
ele.hidden = false; 

 

posted @ 2018-06-05 17:25  胖了个胖胖  阅读(249)  评论(0编辑  收藏  举报