如何利用document从页面上取值和赋值

时间:2024-10-25 13:27:46

1、打开F12打开控制台,点击element,寻找一个你想取值或者赋值的元素,以百度搜索的文本框为例,百度搜索的文本框是一个I荏鱿胫协nput,id为kw,那么我们创建一个变量用来存储这个元素:var el = document.querySelector("#kw");把以上代码输入到控制台里。

如何利用document从页面上取值和赋值
如何利用document从页面上取值和赋值
如何利用document从页面上取值和赋值

2、获取一个值, 定义一个变量val,让他获取文本框里的值,并且打印出来,这个需要之前获取的dom元素,就是那个el变量,在控制台输入:var val = el.value;console.log(val);之后可以看到已经打印出来了文本框的值

如何利用document从页面上取值和赋值

3、赋值的话,直接用前两部的el变量,在控制台输入:el.value = "赋值"即可将“赋值”这两个字写道文本框里

如何利用document从页面上取值和赋值
© 手抄报圈