js设置input的value值

 时间:2024-10-04 21:27:53

这里用我们最简单的方式给大家展示js获取input的value值

工具/原料

win10,谷歌浏览器

正常使用的电脑

方法/步骤

1、首先打开我们的浏览器,打开一个页面,我这里打开的是我百度经验编辑页面

js设置input的value值

2、然后按F12进入页面检查的界面,如下图,选中其中的一个div,我们将利用这个div直接在里面添加一个input,如下图,编辑这个div

js设置input的value值

3、我这氇筐塘瓠里选择的是如图所示的div,进入可编辑的文本框后我们找到一个位置,输入<inputtype="text"id=&quo墉掠载牿t;name"value="">

js设置input的value值

方法/步骤2

1、通过上边的操作之后,我们看到了一个空白的input,髀佟彷澧因为上面我们输入的input给的value="",即是值为空,这样方便我们下面操作设置值

js设置input的value值

2、此时input已经存在,那么我们到consle控制台,通过input的id猾诮沓靥(刚才我们的id命名为name),这里我们通过$("#name")得到dom对象,收墩芬蓥然后通过val("123456")将值设置进去,效果如下图

js设置input的value值

3、不进可以设置值,我们取值也是可以通过dom对象获得,调用.val()不给里面设置值就是获取值,然后我们通过consle.log打印,如下图所示

js设置input的value值

微信开发者工具中的flex-wrap怎样使用? 如何用PHP往MySQL中插入数据 如何用CSS修改不同input标签的样式 在VScode中如何设置水平滚动条自动可见 bootstrap可视化工具的使用
热门搜索
哆啦a梦图片 适合永久做头像的图片 幸福树图片 少女大人 天竺少女简谱