天天看點

操作元素之表單屬性設定

<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>