4改变元素内容.png
4改变元素内容2.png
console.log(ipt.checked)可以得到true和false
<input type="checkbox" checked>
<input type="checkbox" checked="">
<input type="checkbox" checked="checked">
<input type="checkbox" checked="true">
<input type="checkbox" checked="1">
//这些都可以让复选框选中
//如何知道最后选择的是男还是女
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女
</body>
<script>
var sex=document.getElementsByName("sex");
console.log(sex[0].checked)
//看用户操作过后是哪个checked
下拉框是用selected来控制哪个选中的，但最后还是看其value
<select name="city">
<option value="beijing">北京</option>
<option value="shanghai" selected>上海</option>
<option value="tianjin">天津</option>
</select>
</body>
<script>
//最后select选择的是哪个，其value就是哪个值
var city=document.getElementsByTagName("select")[0];
console.log(city.value)
</script>
4改变元素属性.png
obj.setAttribute('class','xx')//这时候就不是className了
其他的都一样
obj.setAttribute('id','xx')
这两个方法可以方便设置和获取自定义的属性
像标签上a="xxx"就不能用obj.a拿到，通过点只能拿到元素自带的属性
但是像checked这样的属性，你不写在标签内，用getAttribute（"checked"）拿到的是null，他有点像是拿到这个标签后，进行字符串的截取，你不写他就截取不到。但是obj.checked就可以拿到true或是false
//标签内的属性是不区分大小写的，所以他会自动的给你转换成小写
obj.setAttribute("className","con");
//最后标签中会多一个classname='con'
//想要设置类名应该是
obj.setAttribute("class","con");
