javascript教程系列39:DOM 中常用的表单元素的属性

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>

猜你喜欢

转载自www.cnblogs.com/autoXingJY/p/9007355.html
今日推荐