DOM操作之getAttribute方法

最新推荐文章于 2023-11-24 23:47:45 发布
最新推荐文章于 2023-11-24 23:47:45 发布
阅读量3.3w 收藏 54
点赞数 11
分类专栏： HTML 文章标签： 前端 dom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/web_harry/article/details/53745920
版权

DOM操作之getAttribute方法

1.getAttribute()方法介绍

elementNode.getAttribute(name)：获取节点的属性，name是属性名称，比如ID，title，value等的值。

2.setAttribute()方法介绍

elementNode.setAttribute(name,value)：增加一个指定名称和值得新属性，或者把一个现有的属性设定为指定的值。name:要设置的属性名。value：要设置的属性值。

setAttribute()方法和getAttribute()方法经常一起使用达到操作目的。

3.DOM节点定义

①元素节点：即标签节点，<html>、<body>、<p>等都是元素节点

②文本节点：向用户展示的内容，如<li>...<li>中的JavaScript、DOM、CSS等文本。

③属性节点：元素属性，如<a>标签的链接属性href="http://www.imooc.com"。

4.一种使用方法介绍

html文件码代码：

<a id=”aa”dir=”app”href="javascript:void(0)">...</a>

js文件码代码：

var myfun=function(){//改变目录路径的一种DOM操作

document.getElementById('aa').setAttribute('dir','main');

var dirs = document.getElementById('aa').getAttribute('dir');

}

代码解释：通过ID获取到DOM属性节点a,再设置节点a的dir属性值为main，达到动态改变路径的效果。

前端开发小蜜蜂（诗语）
关注
  • 11
    点赞
  • 踩
  • 54
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
有关getAttribute()方法和setAttribute()方法的说明
helanye的专栏
07-21 3万+
js getAttribute()方法●一份文档就是一棵节点树。   ●节点分为不同的类型：元素节点、属性节点和文本节点等。   ●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。   ●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。   ●这些节点中的每个都是一个对象。
session.getAttribute
12-30
session.getAttribute在servlet中是一个很重要的方法。
浅析JS操作DOM的一些常用方法
11-22
getElementById(): 获取有指定惟一ID属性值文档中的元素 getElementsByName(name): 返回的是数组 getElementsByTagName(): 返回具有指定标签名的元素子元素集合 getAttribute(): 返回指定属性名的属性值 document.getElementsByTagName("a")[0].getAttribute("target"); setAttribute(): 添加指定的属性，并为其赋指定的值。 document.getElementsByTagName("INPUT")[0].setAttribute("type","
getAttribute方法
weixin_30955617的博客
05-07 405
Definition and Usage 定义和用法 The getAttribute() method gets an attribute value by name. getAttribute()方法获取指定名称所对应的属性值。 Syntax 语法 elementNode.getAttribute(name) Parameter 参数...
使用getAttribute方法
热门推荐
日常分享
07-18 2万+
getAttribute() 方法返回指定属性名的属性值。 提示：如果您希望以 Attr 对象返回属性，请使用 getAttributeNode。 getAttribute.jsp源码实例，获取请求的时间日期： <%@ page language=”java” import=”java.util.*” pageEncoding=”utf-8″%> <!DOCTYPE HTM...
DOM中获取和设置元素的属性（getAttribute、setAttribute）
shao_xuan_的博客
11-03 6349
DOM中获取和设置元素的属性（getAttribute、setAttribute）getAttributesetAttribute 至此，我们已经介绍了3种获取特定元素的方法:分别是getElementById、getElementsByTagName和getElemetByCIassName。得到需要的元素以后，我们就可以设法获取它的各个属性。getAttribute方法就是用来做这件事的。相应地，setAttribute方法则可以更改属性节点的值。 getAttribute getAttribute是一
getAttribute()方法
07-18 833
Definition and Usage 定义和用法 The getAttribute() method gets an attribute value by name. getAttribute()方法获取指定名称所对应的属性值。 Syntax 语法 elementNode.getAttribute(name) Parameter 参数         Description 描述 name  
JavaScript中 DOM操作方法小结
10-19
首先，关于DOM操作中元素的查找，有以下几种方法： 1. `document.getElementById('id')`：该方法通过元素的ID获取单个元素。由于ID在HTML文档中是唯一的，此方法返回的是单个元素。 2. `document....
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
11-27
JavaScript中的DOM操作是Web开发中不可或缺的一部分，它允许开发者动态地操纵HTML元素和其属性，以实现丰富的交互性。... 首先，让我们来看一下查找...因此，熟练掌握DOM操作是成为一名合格的前端开发者必备的技能之一。
Python基于dom操作xml数据的方法示例
09-20
- `getAttribute()`方法用于获取元素节点的属性值，如`item.getAttribute("username")`获取`username`属性的值。 3. **获取和修改属性值** - `getAttribute()`方法可以获取元素的属性值，如`item.getAttribute(...
js中的getAttribute方法使用示例
12-04
getAttribute()方法 至此，我们已经向大家介绍了两种检索特定元素节点的办法：一种是使用getElementById()方法，另一种是使用getElementsByTagName()方法。在找到那个元素后，我们就可以利用getAttribute()方法把它的各种属性的值查询出来。 getAttribute()方法是一个函数。它只有一个参数——你打算查询的属性的名字： object.getAttribute(attribute) 不过，getAttribute()方法不能通过document对象调用，这与我们此前介绍过的其他方法不同。我们只能通过一个元素节点对象调用它。 例如，你可以把
JavaScript学习笔记之DOM操作实例分析
10-17
JavaScript DOM操作是Web开发中的核心技能之一，它允许开发者通过编程方式访问和修改HTML或XML文档的结构、样式和内容。DOM（Document Object Model）是一个树状结构，将网页内容组织成一系列相互关联的节点。 一、...
JavaScriPt中的getAttribute()方法
QIWenLu的专栏
08-03 1562
getAttribute()方法是一个函数。它只有一个参数——你打算查询的属性的名字,下面为大家介绍下其具体的使用   getAttribute()方法   至此，我们已经向大家介绍了两种检索特定元素节点的办法：一种是使用getElementById()方法，另一种是使用getElementsByTagName()方法。在找到那个元素后，我们就可以利用getAttribute()方法把它的
HTML DOM getAttribute() 方法
最新发布
m0_74064480的博客
11-24 574
作用：getAttribute() 方法通过名称获取属性的值。 用法：元素.getAttribute('属性')
javascript之getAttribute()方法
itanger的专栏
12-08 1436
●一份文档就是一棵节点树。●节点分为不同的类型：元素节点、属性节点和文本节点等。●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。●这些节点中的每个都是一个对象。接下来，我们将向大家介绍几个与这些对象相关联的属性
python__高级 : 类的__getattribute__ 方法
weixin_33961829的博客
05-20 226
在类 里面,其实并没有方法这个东西,所有的东西都保存在属性里面,所谓的调用方法其实是类里面的一个同名属性指向了一个函数(方法),返回的是函数的引用,再用 函数() 这种方式就可以调用它 在调用实例的方法的时候,实际上给对象传过去的只是一个字符串而已, 比如 t = Test() , 假设 func 是 Test类的一个方法,那么 t.func() 是先给类的 __getattrib...
python静态方法和类方法的区别_python中类的静态方法和类的类方法
weixin_39844525的博客
11-25 214
知识回顾：上一节中，我们深化学习了类的属性监控，主要使用了三个魔法方法：__getattr____setattr____delattr__与此同时在书写属性设置监控的时候，千万不要忘记写__dict__方法属性。本节知识视频教程以下开始文字讲解：一、类的属性监控的作业案例：使得类的某个属性值大于10思路：1.设置一个类2.定义一个__setattr__方法，用来监控属性3.类的实例化，设置类的属性...
JS之dom操作getAttribute()方法
web前端菜鸟工程师
09-20 2251
getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法： elementNode.getAttribute(name) 说明: 1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。 2. name：要想查询的元素节点的属性名字 demo： getAttribute()
JavaScript操作DOM：getElementsByName, getElementsByTagName与getAttribute
掌握这些DOM操作技巧对于JavaScript开发者来说至关重要，因为它们允许程序与用户界面进行交互，实现动态更新、事件响应等功能。理解并熟练运用DOM，能让你更好地控制网页的动态行为，提升用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值