JS:获取DOM元素的六种方法

最新推荐文章于 2024-05-10 09:10:36 发布
最新推荐文章于 2024-05-10 09:10:36 发布
阅读量1k 收藏 1
点赞数
分类专栏： javascript概念 p2 原生js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59519449/article/details/120443078
版权

 以下为代码段

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<button type="button" class="btn btn1">点击1</button>
			<button type="button" class="btn">点击1</button>
			<input type="text" name="a1" />
			<input type="text" name="a1" />
			<span>xiaoping</span>
			<span>xiaomeng</span>
		</div>
		<script type="text/javascript">
			// 通过id获取DOM
			var app = document.getElementById("app&
最低0.47元/天 解锁文章
一染星辰
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript实现获取dom中class的方法
12-09
本文实例讲述了JavaScript实现获取dom中class的方法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> [removed] function getClass(node,classname) { if(node.getElementsByClassName) { return node.getElementsByClassName(classname); //如果存在该标签 就返回 } else {
js通过class来获取DOM对象
weixin_30532759的博客
08-08 481
<!DOCTYPE html > <html> <head> <meta charset="utf-8" /> <title>get objects by class</title> </head> <body > ...
常见的获取dom元素的方法
最新发布
Meta.Qing的博客
05-10 403
获取 DOM 元素是前端开发中非常常见的操作。
通过JS如何获取DOM节点元素
Fancy_vae的博客
09-13 3595
JS中获取DOM元素的方法总共有5种： 1.通过id值。 2.通过name属性值。 3.通过指定的标签名。 4.通过class类名。 5.通过css选择器（css选择器如何选择，就可以如何选择） 1、通过id选取元素（getElementById） 1）使用方法：document.getElementById(“domId”) 其中，domId为要选取元素的id属性值 2）兼容性：低于IE8版本的IE浏览器对getElementById方法的实现是不区分元素ID号的大小写的，并且会返回匹配name属性的元素
js 获取dom的class
hw1287789687的专栏
10-26 4243
js 获取节点的class 方式一:使用getAttribute var x = document.getElementsByTagName("H1")[0].getAttribute("class");     方式二: let oneSwipe=childrenSwipeOptions[i]; let className=oneSwipe.className;  参考:htt...
js获取dom元素的方式
m0_70185330的博客
03-29 1499
【代码】js获取dom元素的方式。
JavaScript获取DOM元素的11种方法总结
10-24
主要介绍了JavaScript获取DOM元素的11种方法总结,本文用分4大类11个方法总结如何获取DOM元素,需要的朋友可以参考下
在vue中获取dom元素内容的方法
08-30
在 Vue 中获取 DOM 元素内容是开发者经常遇到的问题，而解决这个问题的方法很多，今天我们就来讨论其中的一种，即使用 ref 属性来获取 DOM 元素内容。 使用 ref 属性获取 DOM 元素内容是 Vue 中最常用的方法，这种...
详解JS获取HTML DOM元素的8种方法
12-07
文档对象模型（Document Object Model），是W3...JS获取DOM元素的方法（8种） 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClass
用JavaScript获取DOM元素位置和尺寸大小的方法
10-27
本文将深入探讨如何利用JavaScript获取DOM元素的位置和尺寸，并解释相关属性。 首先，我们要了解几个关键的属性： 1. `offsetWidth` 和 `offsetHeight`：这两个属性返回元素的完整外尺寸，包括内容、内边距和边框...
js获取dom的class属性
weixin_41463944的博客
09-03 1593
function getStyle(obj, attr) { //获取属性 return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, false)[attr] },
JS获取DOM节点的N种方式
浪子四方
09-05 1896
目录 1document.getElementById() 2 document.getElementsByClassName(); 3 document.getElementsByName(); 4 document.getElementsByTagName(); 5 document.querySelector(); 6 document.querySelectorAll()...
dom获取元素的方法
ZhangYu_010228的博客
02-15 163
超全！！dom获取元素的方法
JS获取DOM元素的八种方法(含代码,简单易懂)
m0_74577714的博客
09-16 4224
六种获取元素的方法
DOM元素的获取和添加
qq_49036513的博客
11-17 343
DOM相关的操作元素获取元素创建和添加元素内容的添加 <div id="id">我是ID名</div> <div class="class">我是类名1</div> <div class="class">我是类名2</div> <span>我是标签名</span> 元素获取 // 以下都是以document.来获取 // 1.getElementById(), 获取ID名 var id = document.g
JS-dom常用的八种获取方法，属性及操作
mab_1994的博客
11-28 787
js里面dom元素操作不支持隐式迭代（js操作dom不能直接操作一堆，只能单个操作） <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <button class="btn" id="butinfo" name="an">按钮</button&
Javascript-获取DOM元素的五种方法
Ass12454548的博客
01-15 3941
简介本文主要介绍通过JS获取DOM元素的五种方法:1.根据id名获取元素:getElementById;2.根据标签名获取元素:getElementsByTagName,返回一个数组;3.根据类名获取元素:getElementsBClassName,返回一个数组;4.根据name属性获取元素:getElementsByName,返回一个数组;5.根据选择器获取元素:1.querySelector:获取一个元素,推荐使用,用法类似写css;
JS——DOM对象常用方法知识简记
TKY666的博客
05-01 3722
目录 获取DOM对象方法一 1.通过id获取 2. 通过class(类名)获取 3. 通过标签名获取 4. 通过name属性获取 5. 通过querySelector（选择器）获取 6. 通过querySelectorAll获取 获取特殊对象方法 body html 获取或返回元素内容方法 JS与CSS交互 js添加与修改属性样式 样式获取（查询） 类操作 DOM节点 节点属性操作 节点操作（增删复插替） 获取DOM对象方法二 节点查找 父节点查找子节点方法...
JQuery笔记-通过tag、class、id获取指定的dom
IT1995的博客
02-07 3597
如下面这个dom： 从上面观察，这个a，上面是一个div其中的class是down。 通过： $("div .down a") #或 $("div.down a") 打印后，发现这个list就一个，如果要点击就是这样的。 $("div.down a")[0].click(); #或 $("div. down a")[0].click(); 介绍下其他的元素选择： $("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro" 的 &lt
js中获取dom元素的方法
09-13
在JavaScript中，有多种方法可以获取DOM元素。以下是其中一些常用的方法： 1. 通过ID获取元素：使用`getElementById`方法可以根据元素的ID属性获取一个元素。例如：`document.getElementById('id')`。 2. 通过name...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值