操作元素之表单属性设置

 

 

复制代码
<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 @   罗砂  阅读(32)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示