ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

Day23获取表单并修改属性

Day23获取表单并修改属性

image
image

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>修改表单属性</title>
</head><body><!-- <input type="text" value="电脑"> --><input type="checkbox" name="" id=""><button>点击</button><script>// 1.获取元素// const uname = document.querySelector('input')// 2.获取值   // console.log(uname.value)  //获取表单里的值用表单.value// console.log(uname.innerHTML)//得不到// 3.设置表单的值// uname.value = '我要买电脑'// uname.type = 'password'// 1.获取checkboxconst ipt = document.querySelector('input')console.log(ipt.checked)//输出false  只接受布尔值// 2.获取bottunconst button = document.querySelector('button')console.log(button.disabled)//默认false,不禁用button.disabled = true//此时禁用按钮</script>
</body></html>
返回列表