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>

 

posted @ 2018-05-08 11:39  前端邢晋宇  阅读(192)  评论(0编辑  收藏  举报