100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JavaScript文档对象模型document对象改变Html表单属性(4)

JavaScript文档对象模型document对象改变Html表单属性(4)

时间:2023-02-06 14:58:33

相关推荐

JavaScript文档对象模型document对象改变Html表单属性(4)

1.document对象改变Html表单属性

更改Html元素内容时候可以用innerHtml属性进行修改,但是表单元素只能用value属性修改元素内容

案例如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><button>点我</button><input type="text" value=""><script>//获取元素对象var btn = document.querySelector('button');var input = document.querySelector('input');btn.onclick = function() {input.value = '被点击了';//当点击一次之后按钮就被禁用//如果想要某个表单被禁用 不能再点击则使用disabled属性// btn.disabled = true; //true的话是被禁用,false是不被禁用this.disabled = true;//this指向的是事件函数的调用者 btn//说白了就是this表示获取当前操作的标签或者元素对象}</script></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。