获取页面标签元素dom的方法

最新推荐文章于 2024-07-25 09:24:40 发布
最新推荐文章于 2024-07-25 09:24:40 发布
阅读量398 收藏 10
点赞数 12
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45731789/article/details/134898344
版权

常用方法

常用说明
docuemnt.querySelector() or document.querySelectorAll()现在一般使用这两个即可满足需求其它的基本不用

几个特殊标签的快捷方式

方法说明
document.documentElement获取页面的html标签
document.head获取页面的head标签
document.body获取页面的body标签

通用方法

方法说明
docuemnt.querySelector(选择器)根据选择器选择第一个元素
docuemnt.querySelectorAll(css选择器)根据选择器选择所有元素
docuemnt.getElementById(html标签上的id属性的值)根据id选择器选择一个元素
document.getElementsByClassName(html标签上的class属性的值)根据选择器选择所有元素
document.getElementsByName(html标签上的name属性的值)根据选择器选择所有元素
document.getElementsByTagName(标签)根据选择器选择所有元素
「混沌」
关注
  • 12
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript获取页面元素的常用方法详解
10-16
本文将详细介绍四种常用的JavaScript方法来获取页面元素，包括通过标签名、ID、类名以及CSS选择器。 1. **通过标签名获取元素**： 使用`getElementsByTagName()`方法，你可以根据指定的HTML标签名获取所有匹配的...
网络应用之javascript获取标签元素
qq_41810183的博客
03-04 1623
上面的代码，如果把javascript写在元素的上面，就会出错，因为页面上从上往下加载执行的，javascript去页面上获取元素div1的时候，元素div1还没有加载。“style” 属性里面的属性，有横杠的改成驼峰式，比如：“font-size”，改成”style.fontSize”数组就是一组数据的集合，javascript 中，数组里面的数据可以是不同类型的数据，好比 python 里面的列表。onload是页面所有元素加载完成的事件，给onload设置函数时，当事件触发就会执行设置的函数。
JavaScript 获取页面中的表标签元素
cainiao的博客
04-19 613
1.根据元素的 ID 获取页面中的元素 使用函数getElementByid() ID是独一无二的所以可以通过这个方式来获取某个ID相应的标签 语法 var element = document.getElementById(id); 参数 element是一个 Element 对象。如果当前文档中拥有特定ID的元素不存在则返回null. id是大小写敏感的字符串，代表了所要查找的元素的唯一ID. 返回值 返回一个匹配到 ID 的 DOM Element 对象。若在当前 Document 下没有找到，
页面元素的获取方式
weixin_30648587的博客
07-09 70
1、根据ID获取元素； <body> <button id= "btn">按钮</button> <div class="box"> <div id= "box"></div> <p class = "nix2"></p> 　　<p ...
JavaScript 获取 HTML 元素方法
2301_81449444的博客
12-24 245
4.document.getElementsByName(‘name’) 通过表单元素中 name 名查找元素。2.document.getElementsByTagName(‘name’) 通过标签名来查找元素。3.document.getElementsByClassName(‘class’) 通过类名来查找元素。选择器获取到的元素是唯一的，其余的选择。选择器获取匹配上的第一个元素。的方式确定我们需要操作的元素。选择器获取匹配上的所有元素。
WebAPI-获取页面元素（标签）的常用方法汇总
weixin_44486539的博客
11-11 1443
通过 ID 获取 语法： document.getElementById(id) 说明： document 表示当前文档对象，就是当前页面；每个载入浏览器的 HTML 文档都是 Document 对象 getElementById() Document 对象的一个方法，用于获取指定 id 的元素 id 该参数为 id 字符串；就是通过标签的 id 属性为标签设置的具有唯一性的标识（该属性值必...
详解JS获取HTML DOM元素的8种方法
12-07
什么是HTML DOM 文档对象模型（Document ...JS获取DOM元素的方法（8种） 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClass
Javascript Dom元素获取和添加详解
10-16
DOM元素的获取和添加是前端开发中的基础操作，对于创建交互式网页至关重要。 1. **DOM元素的获取** - `getElementById()`：这个方法通过指定的id值获取唯一匹配的DOM元素。例如，`document.getElementById('myID'...
JS选取DOM元素的简单方法
11-23
在JavaScript中，选取DOM元素是Web开发中的基本操作，它涉及到如何高效地定位页面上的特定元素。本文将详细探讨几种常见的DOM元素选取方法，包括通过ID、名称、标签名、CSS类以及CSS选择器。 1. 通过ID选取元素...
基于vue1和vue2获取dom元素的方法
11-26
在标签中加上el=’dom’，然后在代码中this.$els.dom这样就拿到了页面元素 例如：’box’ >你好 让你好的颜色显示为红色：this.$els.my-box.style.color = ‘red’ vue2.*版本中 在标签中加上ref=’dom’，然后在...
获取页面元素的5种方法
lj940628的博客
12-13 1万+
为什么要获取页面元素 例如：我们想要操作页面上的某部分（显示/隐藏，动画），需要先获取到该部分对应的元素，才进行后续操作 1. 根据id获取元素 // get 获取 Element 元素 By 通过 Id 标识 var div = document.getElementById('main'); // console.log(div) // 打印对象，展开后，通过proto可以查看元素的属...
javascript获取标签元素
缘 源 园
04-12 682
1. 获取标签元素 可以使用内置对象 document上的getElementById 方法来获取页面上设置了id属性的标签元素，获取到的是一个html对象，然后将它赋值给一个变量，比如： <script type="text/javascript"> var oDiv = document.getElementById('div1'); alert(oDiv); </script> <div id="div1">这是一个div元素</di..
获取页面元素的几种方式
LEE123321123456的博客
08-05 1102
在JS中我们可以通过以下几种方式获取到页面中的元素： 1、使用id来获取对象的元素（获取到的对象元素是唯一的） document.getElementById("") 例： <input type="text" value="默认的文字" id="txt"/><input type="button" value="按钮" id="btn"/><scr...
Jquery 和 Js 获得元素标签名称的方法
热门推荐
xinghuo0007的博客
05-01 4万+
这里先把案例的html代码贴上：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.2.1.js"></script> </head> <body> <p id ="p" >这是p标签</p> <s
js中获取页面元素方法总结
weixin_30432179的博客
10-20 263
js中web页面元素的调用可以有两种识别方法：id和name自己在用的过程中总结一下id和name的使用区别。 一，使用范围除 BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE 标签外,id 都可用.name只用于APPLET,SELECT,FORM,FRAME,IFRAME,IMG,A,INPUT,OBJECT,MAP,PARAM,META. ...
js中几种获得页面值的方式
Andy_Xin的专栏
04-26 2万+
JS中获取页面中的值的几种方式： document.getElementById("id").value;//根据 Id获得对象中的值 document.getElementByName("name")[0].value;//根据name获得对象中的值 document.getElementsByTagName("input")取得所有input对象后过滤，也可以通过其它一些浏览器特
JQuery中根据属性或属性值获得元素
weixin_34365417的博客
04-03 2075
根据属性获得元素 1.比如要获取页面p标签中属性有id的元素  $("p[id]").css("color","red"); 根据属性值获得元素 1.$。在jQuery 中$("&lt;span&gt;")，这个语法等同于$(document.createElement("span")) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属
js中Dom获取页面元素的方法
dust__的博客
07-18 2670
获取页面元素中的方法: (1)getElementById 通过Id值获取 var oDiv = document.getElementById('div'); alert(oDiv)//返回[object HTMLDivElement] (2)getElementByTagName 通过标签名称获取 var oDiv = document.getElementsByTagName...
在Vue程序中，如何检测用户的登录状态并跳转到对应页面
最新发布
exlink2012的专栏
07-25 207
通过以上步骤，你可以在Vue应用程序中检测用户的登录状态，并在用户尝试访问受保护页面时跳转到登录页面。同时，在用户登录和登出后，你可以根据需要跳转到相应的页面。
vue 获取iframe里面的dom元素
05-10
在Vue中获取iFrame里面的DOM元素是一项非常基础但也很重要的技能，因为iFrame可以让我们实现各种嵌套应用，比如实现插入别人的网页，或者是嵌套各种应用。在Vue中获取iFrame里面的DOM元素有以下几种方法： 1. 通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值