Javascript获取元素的方式

最新推荐文章于 2023-05-06 22:22:03 发布
最新推荐文章于 2023-05-06 22:22:03 发布
阅读量1k 收藏 4
点赞数 1
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/llanstar/article/details/121307813
版权

1.根据id获取元素

document.getElementById("id的属性值")

2.根据标签获取元素

document.getElementsByTagName("标签的名字")

3.根据name的属性值获取元素

document.getElementsByName("name的属性值")

4.根据类样式的名字获取元素

document.getElementsByClassName("类样式的名字")

5.根据选择器的方式来获取元素

document.querySelector("#btn")

document.querySelectorAll(".cls")

document.body 专门获取body标签

6.专门来获取html这个标签的

document.documentElement

llanstar
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
《web开发： JavaScript DOM获取元素》
yexiangCSDN的专栏
01-08 1028
一、JavaScript DOM获取元素 1、DOM获取元素 1.1 如何获取页面元素 DOM在我们实际开发中主要用来操作元素。 我们如何来获取页面中的元素呢? 1.1 如何获取页面元素 获取页面中的元素可以使用以下几种方式:  根据 ID 获取  根据标签名获取  通过 HTML5 新增的方法获取  特殊元素获取 1.2 根据 ID 获取 使用 getElementById() 方法可以获取带有 ID 的元素对象。 document.getElementByI...
原生javascript获取元素样式
10-24
主要介绍了原生javascript获取元素样式的方法,需要的朋友可以参考下
JavaScript获取元素的方法
weixin_34221112的博客
02-12 190
一、获取元素的所有方法 通过id直接获取（极其不推荐），但是在调试代码的时候非常好用。 通过document直接获取，包括head、title、body。 通过类名获取，getElementsByClassName获取的是HTMLCollection，是一个类数组，IE8以下不兼容。 通过标签名获取，getElementsByTagName获取的是HTMLCollection，也是一个类数组。 ...
JavaScript获取元素方法
helongzhi的博客
06-21 300
JavaScript获取元素方法
DOM中常见的元素获取方式
aoys602066的博客
09-27 160
1.getElementById获取元素 返回的是一个元素对象 　var timer = document.getElementById('time'); 　console.dir 打印返回元素对象，更好的查看里面的属性和方法 　console.dir( timer ); 2.getElementsByTagName 获取某类标签元素 返回的是 获取过来元素对象...
使用JavaScript获取元素属性
Web 开发&软件开发
07-25 235
使用JavaScript获取元素属性 我非常喜欢JavaScript的是，该语言是动态的。 如此动态，您可以根据需要修改本机对象。 我最近经常使用的一个动态属性是DOM元素的attributes属性。 这个attributes属性为我提供了给定元素上每个属性的名称和值！ HTML 假设我们正在使用以下元素： <div class="myClass" id="myId" ti...
javascript获取元素离文档各边距离的方法
10-24
主要介绍了javascript获取元素离文档各边距离的方法,以一个自定义函数形式分析了javascript针对文档各边距离的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
javascript获取元素CSS样式代码示例
10-26
如果想用javascript获取一个元素的样式信息，首先想到的应该是元素的style属性,下面我们看看javascript如何获取元素CSS样式
javascript获取元素的计算样式
10-16
在做html页面开发时，经常会使用到js（javascript）来处理客户端的逻辑，下面我们就来看一下，如何使用js来获取页面上的元素
浅谈javascript获取元素transform参数
10-23
当我们试图通过JavaScript获取`transform`中的某个特定值，如`translateX`或`translateY`，通常会遇到一些挑战，因为浏览器将所有转换合并成一个单一的矩阵表示。 在示例中，作者遇到了两种情况：一种是通过CSS定义...
JavaScript DOM 中获取元素属性
ios0213的专栏
05-17 299
123 456 789 var mm=document.getElementsByTagName("p"); alert(mm[2].id);    /*此处创建了对象后，可以直接用对象获取相应的属性值*/
JavaScript-读取/操作元素属性
qq_39111074的博客
09-27 252
读取元素属性值 元素对象.属性名 元素对象.getAttribute(‘属性名’) 两者区别： 方法1 只能读取自带属性，不能读取自定义属性 方法2 自带、自定义属性 都可以读取 一般，读取自带属性就用 传统的方法1； 读取自定义属性用 方法2 H5中自定义属性一般加上前缀“data-”，例如“data-index” 获取data-开头的自定义属性还可以用- - -元素对象.dataset.除前缀的后面名，eg: 元素对象.dataset.index 如果自定义属性名较长，如这种：data-fruit
JavaScript基础（一）元素获取与元素属性
yangwei2048的博客
12-01 346
元素获取与元素属性元素获取与属性获取getElementById属性的获取属性值设置图片的相对路径问题与background问题 元素获取与属性获取 getElementById *{margin: 0;padding: 0} #wrap{width: 300px;margin: 20px auto;} #wrap li{float: left;list-style: none;margin: 5...
JavaScript获取元素clss属性-编程练习
请叫我二狗哥
05-12 367
下列代码中，哪一个能获取到p标签的class属性？（选择两项） <body> <p id="p1" class="p" date-type="pDate">我是标签里的内容</p> <script> var p=document.getElementById("p1"); var pClass...
js获取元素的方法与属性
采菊东篱下，Python满乾坤！
09-04 1715
js获取元素的方法   可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素，获取到的是一个html对象，然后将它赋值给一个变量       var oDiv =document.getElementById('div1');     alert(oDiv) 弹出对话框     这是一个div元素 但是注意:
JS Set方法
高压锅博客
11-03 2447
entries(): 返回键值对;使用 Array.from 方法。values(): 返回键值；new Set()方式创建。使用 delete 方法。keys():返回键名;通过传入数组方式创建。
js Set 常用方法总结
热门推荐
悟世君子的博客
11-27 1万+
js 中 Set 常用方法总结 1、创建 Set 1.1、new Set()方式创建 let v = new Set() 1.2、通过传入数组方式创建 let v = new Set([1,2,3,3,5]) 2、添加元素 使用 add 方法 let v = new Set() v.add(1) 3、删除元素 使用delete 方法 let v = new Set() v.add(1) v.add(5) v.delete(5) 4、获取 Set 中元...
JavaScript获取元素的几种方法
最新发布
m0_75092189的博客
05-06 677
selenium可以借用JavaScript操作元素，这是一些JavaScript获取元素的方法
js获取元素的五种方法
m0_61685405的博客
09-26 1万+
在使用Javascript的过程中我们经常都需要获取元素 ，接下来就给大家介绍一下我知道的在js中获取元素的五种方法。 1.根据选择器查找元素 1.1 document.querySelector(); 返回文档中匹配指定的选择器组的第一个元素 1.2document.querySelectorAll(); 返回文档中匹配指定的选择器组的所有元素 <!DOCTYPE html> <html> <head&gt...
javascript 获取元素值得代码
03-31
获取元素的值可以使用以下代码： 1. 通过 ID 获取元素的值 ```javascript var element = document.getElementById("elementId"); var value = element.value; ``` 2. 通过标签名获取元素的值 ```javascript var ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值