removeAttribute的问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../JS DOM 操作/domReady的实现.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
myReady(function(){
var inputs=document.querySelectorAll("input");
inputs[0].checked=true;
inputs[1].removeAttribute("checked");
});
</script>
</head>
<body>
你去过的城市:<br/>
<input type="checkbox" />北京
<input type="checkbox" checked="checked" />香港
<input type="checkbox" />纽约
</body>
</html>
为什么我换第二个input按钮就移除掉了呢?第一个还是移除不了
正在回答 回答被采纳积分+1
同学你好,这里属于一个特殊的知识点。html里的属性和dom中的属性大多数名称是一样的,但是有些不相同。
比如html的checked, selected, value属性,对应dom对象里的名称叫defaultChecked,defaultSelected,defaultValue,而不是原名。再比如class属性 ,对应在js中要设置className才能把class属性设置上
所以直接使用checked并不会改变input的默认值哦 . 要如下设置:
在结构中才可以显示出来:
然后在使用removeAttribute方法把它移出就可以了
所以在设置属性的时候 ,像老师说的那几个特殊的 ,你可以特殊记住一下 ,不过只有className可能用到的多一点 ,其他的几个,同学简单了解一下即可 。
同学可以测试理解下,祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星