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

最新推荐文章于 2024-09-26 01:42:12 发布

anjiye7641

最新推荐文章于 2024-09-26 01:42:12 发布

阅读量95

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/autoXingJY/p/9007355.html

版权

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>