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

 时间:2026-02-14 10:52:24

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中如何判断指定字符是否为数字?
  • 战术大师为什么进不去
  • 热门搜索
    兔子图片大全 母画眉鸟叫声大全 山东建筑大学怎么样 元朝历史简介 玄幻小说大全 讲故事大全 干墨鱼的做法大全 羊腿肉的做法大全 黑板报花边图片大全 龚自珍简介