操作元素之表单属性设置

 

 

<body>
    <button>按钮</button>
    <input type="text" value="输入内容" />
  </body>
  <script>
    // 1.获取元素
    var btn = document.querySelector("button");
    var input = document.querySelector("input");
    // 2.注册事件  处理程序
    btn.onclick = function () {
      // input.innerHTML ='点击了';这个是普通盒子  比如div 标签里面的内容
      // 表单里面的值  文字内容是通过 value 来修改的
      input.value = "被点击咯";
      // 如果想要某个表单被禁用  不能再点击 disabled 我们想要这个按钮 button禁用
      // btn.disabled = true;
      // 简单方法 this
      this.disabled = true; //当前 禁用 = 是的
      // this指向的是事件函数的调用者 btn
    };
  </script>

 

posted @ 2022-04-18 11:11  罗砂  阅读(40)  评论(0)    收藏  举报