javascript总结39:DOM 中常用的表单元素的属性

时间:2022-03-11 00:05:50

1 常用操作元素:

  • value 用于大部分表单元素的内容获取(option除外)

  • type 可以获取input标签的类型(输入框或复选框等)

  • disabled 禁用属性

  • checked 复选框选中属性

  • selected 下拉菜单选中属性

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text" disabled>
<input type="button" value="按钮" > <script>
// 1. 获取元素 文本框 和 按钮
const txt = document.getElementsByTagName('input')[0];
const btn = document.getElementsByTagName('input')[1];
// 2. 给按钮注册点击事件
btn.onclick = function(){
// 3. 在事件处理函数中,将文本框禁用
txt.disabled = false;
} </script>
</body>
</html>