养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

根据id获取元素的原生JS方法

时间:2024-10-05 11:23:38

有时候我们相用原生的js方法来根据id获取元素,怎么写呢,下面来分享一下方法

工具/原料

电脑

方法/步骤

1、第一步在我们的电脑上打开软件,新建一个html页面,如下图所示:

根据id获取元素的原生JS方法

2、第二步在html页面创建一个id为xx,值为666的文本框,通过varv=documen隋茚粟胫t.getElementById('xx媪青怍牙').value;原生js方法来获取文本框的值,如下图所示:

根据id获取元素的原生JS方法

3、第三步我们可以在script中加上alert(v);,来弹框查看原生js方法是否根据id获取元素的值了,如下图所示:

根据id获取元素的原生JS方法

4、第四步我们在浏览器中运行项目,可以看到页面弹框的值是id为xx的元素的值,已经成功通过原生js方法根据id获取元素,如下图所示:

根据id获取元素的原生JS方法

5、第五步这里我们也可以看一下通过jquery方法来根据id获取元素,jquery方法需要先添邹菁惨挣加jquery.js,然后通过varw=$('#xx刻八圄俏9;).val();来获取元素的值,如下图所示:

根据id获取元素的原生JS方法

6、第六步我们运行项目,在浏览器中可以看到与原生js方法获得元素的值相同,对比一下两种方法,原生js不需要添加另外的js库,而jquery需要,但是代码会更简单一些,根据需要进行选择,如下图所示:

根据id获取元素的原生JS方法

© 一点知识