介绍获取元素的几种常见方式。

最新推荐文章于 2024-03-25 17:52:57 发布
最新推荐文章于 2024-03-25 17:52:57 发布
阅读量226 收藏
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/www152192/article/details/117626734
版权

1.根据id获取元素
document.getElementById(“id属性的值”);
返回值是一个元素对象
2.根据标签名字获取元素
document.getElementsByTagName(“标签的名字”);
返回值是一个伪数组
3.根据name属性的值获取元素
document.getElementsByName(“name属性的值”);
返回值是一个伪数组
4.根据类样式的名字获取元素
document.getElementsByClassName(“类样式的名字”);
返回值是一个伪数组
5.根据选择器获取元素
1.document.querySelector(“选择器”);
返回值是一个元素对象
2.document.querySelectorAll(“选择器”);
返回值是一个伪数组

www152192
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
document.getElementById()方法使用
酣睡的熊㊣的技术博客
02-07 36万+
document.getElementById使用 语法：oElement = document .getElementById ( sID ) 参数：sID――必选项。字符串 (String) 。 返回值：oElemen――对象 (Element) 。 说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一
JavaScript中document.getElementById().value与innerHTML的区别
Elsa~的博客
02-26 6732
首先我们来认识一下HTML DOM Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面的所有元素进行访问。 而Document对象是Window对象的一部分，可以通过window.document属性对其进行访问。 而getElementById()是Document对象的方法，该方法返回对拥有指定id的第一个...
document.getelementbyid().value与document.getElementById().innerHTML的区别
zhaoguxiaoshi的博客
08-18 2万+
document.getelementbyid().value与document.getElementById().innerHTML什么区别   使用document.getElementById()可以取到页面上一个有id的元素 然后访问这个元素的属性，比如value 当一个元素有value属性的时候，其value才会有值 例1 这样一个元素，当你使用document.ge
document.getElementById(‘username‘).value 是什么
最新发布
一季南凉的博客
03-25 762
js
document.getElementById()后面有没有.value有什么区别
tjmengqw的博客
08-13 2287
document.getElementById() 是获得元素； document.getElementById().value 是获得元素的值，假如这个元素事个type为text的input，它就会获得这个input点value值；
jquery中获取元素的几种方式小结
10-28
以下是对jQuery中获取元素的几种主要方式的详细解释： 1. **通过指定序号获取元素**： 使用`.eq()`方法可以按索引获取集合中的元素。在JavaScript中，索引是从0开始的，所以`.eq(2)`将选取第三个元素。例如，在给...
jQuery 获取兄弟元素的几种不错方法
10-25
在jQuery中，获取元素的兄弟元素是常见的操作，特别是在处理DOM结构时。本文将详细介绍jQuery提供的几种有效的方法来获取兄弟元素。 首先，我们有相邻兄弟选择器（Adjacent Sibling Combinator），它使用符号"+"。...
详解pandas获取Dataframe元素值的几种方法
09-16
获取DataFrame中的元素值是数据分析过程中常见的操作，本篇文章将详细解析几种常用的方法。 1. **按行按列遍历**： 你可以通过遍历DataFrame的索引来访问其元素。例如，对于`data` DataFrame，可以使用`data['w']`...
浅谈JS获取元素的N种方法及其动静态讨论
10-19
本文将深入探讨几种常用的JS获取元素的方法及其在动态和静态环境中的应用。 首先，`getElementById()`是获取元素的最常见方式之一。这个方法通过指定的ID来查找元素，返回的是匹配的首个Element对象。如果文档中...
React中常见的动画实现的几种方式
08-28
React 中常见的动画实现的几种方式 React 作为前端开发框架，提出了虚拟 DOM 概念，所有 DOM 的变化都先发生在虚拟 DOM 上，通过 DOM diff 来分析网页的实际变化，然后反映在真实 DOM 上，从而极大地提升网页性能。...
document.getelementbyid().value与innerHTML使用场景对比，别再搞错了兄嘚
Rosen's
08-09 1万+
首先getElementById()可以获取到页面上一个有id的元素，进而可以访问该元素的对应属性值，比如说value。 <input type="text" id="txt" value="hello html"/> 比如html页面中有上面这个id为txt的input元素 //获取该元素对象 var txt = document.getElementById('txt'); //...
javascript 通过document.getElementByid.().value获取前台HTML数据
leechoy
03-09 2585
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function leechoy(){ alert(document.getElementById("in").value); } </script> </hea...
Javascript获取value值的三种方法及注意点
热门推荐
Akikang的博客
06-25 12万+
  今天在js中用id名直接获取value值时遇到点问题，所以顺便做一下总结。   JavaScript获取value值，主要有以下三种：         1.用document.getElementById(“id名”).value来获取（例1）；         2.通过form表单中的id名或者name名来获取（例2）。        3.通过id名（不用写getElementById，也不...
js中document.getElementById("id").value+1问题
huazicomeon的博客
07-16 6958
document.getElementById("id").value的数据类型是不确定的 如果你是要相加用这样的写法比较好 document.getElementById("id").value=document.getElementById("id").value*1+1; 字符串拼接的话用这个 document.getElementById("id").value=document.
IE中document.getElementById()对name和id的读取
InSearch的专栏
02-24 5724
/*  IE document.getElementById BUG 演示DEMO      作者:朦朧中的罪惡      博客:http://be-evil.org  */  function changeValue()  {      var username = document.getElementById('username');      username.value = 'Whahaha';  }  name:name2:
复习之JavaScript基本语法（三）——getElement[...]方法使用
IManiy的博客
09-18 6578
JavaScript核心document.getElementById() document.getElementById()是根据id获取标签对象 //获取标签对象的值 //文本域和文本框都用value取值 document.getElementById(&quot;username&quot;).value; //div,p,span,h1,h2都是innerHTML document.getElementBy...
js中通过document.getElementById()获取到的值的类型
weixin_35703883的博客
07-09 3万+
问题描述： var value1 = document.getElementById（“num1”）.value; //3或9 var value2 = document.getElementById（“num2”）.value; //4或10 if(value1 < value2 ){ alert("正确") }else{ alert("失败) } 当value1 = 3,v...
js中document.getElementById()用法
lyhmyway的专栏
03-03 6万+
dom标准里面的  获取当前文档中指定id的元素 if (document.getElementById("regjm").value != document.getElementById("regjm1").value ) {    alert("提示：请输入有效的认证码");    document.getElementById("regjm1").focus();    retur
document.getElementById(“元素id值“)方法位置问题
weixin_45190226的博客
11-06 2539
问题代码如下： <html lang="en"> <head> <meta charset="UTF-8"> <title>通过document获取数据or赋值</title> <style type="text/css"> input{margin: 10px} </style> <script type="text/javascript">
uniapp 获取元素节点
05-16
在 `uniapp` 中，获取元素节点有多种方式，以下是其中几种常见的方法： 1. 使用 `uni.createSelectorQuery()` 方法获取元素节点，示例代码如下： ```javascript uni.createSelectorQuery().select('.my-element').boundingClientRect(function(rect){ console.log(rect) }).exec(); ``` 其中，`.my-element` 是需要获取的元素节点的 `class` 名称，`boundingClientRect` 方法可以获取元素节点的位置、大小等信息。 2. 使用 `uni.$refs` 获取元素节点，示例代码如下： ```html <view ref="myElement" class="my-element">Hello World</view> ``` ```javascript this.$nextTick(() => { const element = this.$refs.myElement.$el; console.log(element) }) ``` 其中，`ref` 属性用于标识需要获取的元素节点，`$nextTick` 方法可以确保元素节点已经渲染完成。 3. 使用 `document.querySelector()` 方法获取元素节点，示例代码如下： ```javascript const element = document.querySelector('.my-element'); console.log(element) ``` 其中，`.my-element` 是需要获取的元素节点的 `class` 名称，需要注意的是，`document.querySelector()` 方法只能在 `web` 端使用，不能在 `uniapp` 的小程序、App 等场景中使用。 以上是 `uniapp` 中获取元素节点的几种常见方法，具体使用方法可以根据实际场景选择合适的方式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值