4改變元素內(nèi)容.png
4改變元素內(nèi)容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">
//這些都可以讓復(fù)選框選中
//如何知道最后選擇的是男還是女
<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)
//看用戶操作過后是哪個(gè)checked
下拉框是用selected來控制哪個(gè)選中的，但最后還是看其value
<select name="city">
<option value="beijing">北京</option>
<option value="shanghai" selected>上海</option>
<option value="tianjin">天津</option>
</select>
</body>
<script>
//最后select選擇的是哪個(gè)绰咽，其value就是哪個(gè)值
var city=document.getElementsByTagName("select")[0];
console.log(city.value)
</script>
4改變元素屬性.png
obj.setAttribute('class','xx')//這時(shí)候就不是className了
其他的都一樣
obj.setAttribute('id','xx')
這兩個(gè)方法可以方便設(shè)置和獲取自定義的屬性
像標(biāo)簽上a="xxx"就不能用obj.a拿到呵晨，通過點(diǎn)只能拿到元素自帶的屬性
但是像checked這樣的屬性忽冻，你不寫在標(biāo)簽內(nèi)骇窍，用getAttribute（"checked"）拿到的是null旗唁，他有點(diǎn)像是拿到這個(gè)標(biāo)簽后枫吧，進(jìn)行字符串的截取豆拨，你不寫他就截取不到直奋。但是obj.checked就可以拿到true或是false
//標(biāo)簽內(nèi)的屬性是不區(qū)分大小寫的，所以他會(huì)自動(dòng)的給你轉(zhuǎn)換成小寫
obj.setAttribute("className","con");
//最后標(biāo)簽中會(huì)多一個(gè)classname='con'
//想要設(shè)置類名應(yīng)該是
obj.setAttribute("class","con");
