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

 时间:2024-10-12 05:37:35

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

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

2、第二步在html页面创建一个id为xx,值为666的文本框,通过var v=document.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,然后通过var w = $('#xx').val();来获取元素的值,如下图所示:

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

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

根据id获取元素的原生JS方法
  • 在线BOM算量报价计算
  • 永远的7日之都濑由衣出装攻略
  • win7电脑开启承载无线网wlan热点
  • 在java中如何判断指定字符是否为数字?
  • 战术大师为什么进不去
  • 热门搜索
    quarter怎么读 公积金怎么查询 点烟器怎么用 宽带密码忘记了怎么办 硬了怎么办 广东人怎么样 四点底怎么打灬 荷包蛋怎么做 win10怎么取消开机密码 word怎么删除页面