DOM操作之getAttribute方法

最新推荐文章于 2024-05-06 12:49:24 发布
最新推荐文章于 2024-05-06 12:49:24 发布
阅读量3.2w 收藏 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
    评论
专栏目录
jQuery DOM操作小结与实例
12-07
DOM操作的分类：DOM CORE（核心）、HTML-DOM和CSS-DOM 1. DOM Core DOM Core并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它。 它的用途并非仅限于处理网页，也可以用来处理任何一种使用标记语言编写出来的文档，如XML. Javascript中的getElementById(),getElementByTagName(),getAttribute()和setAttribute()方法，都是dom core的组成部分。 2. HTML_DOM 使用HTML_DOM来获取表单对象的方法 Document.forms 使用HTML_D
getAttribute与getParameter的区别
LChloe的博客
06-15 380
    getAttribute表示从request范围取得设置的属性，那么我们必须先setAttribute设置属性，才能获得属性，设置与取得的为string类型HttpServletRequest类既有getAttribute()方法也有getParameter方法，这两个方法有什么区别呢？1、getAttribute是返回对象,getParameter返回字符串。2、request.getA...
getAttribute和getParameter的区别(看这一篇就够了)
m0_61972291的博客
09-03 1584
getAttribute和getParameter的区别 getAttribute方法是在服务器端内部使用，数据通过getParameter获取进来之后，在另一个页面还想继续使用这个数据就要把这个数据通过setAttribute保存起来，想用时再用getAttribute取出来即可使用。request.getAttribute获取的是服务器设置的数据，request.getParameter获取的是客户端比如浏览器的数据(获取http提交过来的数据)getAttribute返回的是对象，
getattribute java_[Java教程]getAttribute()用法简单介绍
weixin_35879493的博客
02-12 2165
[Java教程]getAttribute()用法简单介绍02015-11-06 03:00:12getAttribute()用法简单介绍:此方法返回指定属性名的属性值。语法结构:element.getAttribute(attributename)参数解析:attributename:必需，要获得属性值的属性名称。代码实例: 蚂蚁部落 window.onload = function () ...
getAttribute() 与 attr() 的区别
qq_43654065的博客
01-18 303
两个都是获取元素属性的方法，前者是js写法，后者是jQuery写法。但其实两种方法是有区别的。 区别 调用getAttribute()的主体必须是元素（Object Elemet） 调用attr()的主体必须是对象（Object Object） js写法：getAttribute() getAttribute()是元素（Element）下的一种写法，因此想调用这个方法，必须保证它的调用主体是元素，否则会报错。 正确的写法： <!DOCTYPE html> <html> &l
getParameter和getAttribute区别（超详细分析）
热门推荐
疯狂的卡夫卡的博客
02-25 7万+
getParameter和getAttribute区别（超详细分析） 对getParameter过程，如下图： 对getAttribute过程，如下图： 两者区别： ①getParameter()获取的是客户端设置的数据。 getAttribute()获取的是服务器设置的数据。 ②getParameter()永远返回字符串 getAttribute()返...
JavaScriPt中的getAttribute()方法
QIWenLu的专栏
08-03 1466
getAttribute()方法是一个函数。它只有一个参数——你打算查询的属性的名字,下面为大家介绍下其具体的使用   getAttribute()方法   至此，我们已经向大家介绍了两种检索特定元素节点的办法：一种是使用getElementById()方法，另一种是使用getElementsByTagName()方法。在找到那个元素后，我们就可以利用getAttribute()方法把它的
使用getAttribute方法
日常分享
07-18 2万+
getAttribute() 方法返回指定属性名的属性值。 提示：如果您希望以 Attr 对象返回属性，请使用 getAttributeNode。 getAttribute.jsp源码实例，获取请求的时间日期： <%@ page language=”java” import=”java.util.*” pageEncoding=”utf-8″%> <!DOCTYPE HTM...
getAttribute()用法
tianmo2010的专栏
01-10 1万+
一份文档就是一棵节点树。 ●节点分为不同的类型：元素节点、属性节点和文本节点等。 ●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。 ●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。 ●这些节点中的每个都是一个对象。 接下来，我们将向大家介绍
setAttribute() 与 getAttribute() 用法剖析及选项卡操作的实例展示，这一篇就够了
狮子座的男孩
04-29 7188
Ⅰ、在 MDN 上 setAttribute() 与 getAttribute() 函数的用法解释(很详细)： 1、Element.setAttribute()： 其一、摘要： 设置指定元素上的某个属性值。如果属性已经存在，则更新该值；否则，使用指定的名称和值添加一个新的属性。 要获取某个属性当前的值，可使用 getAttribute()；要删除某个属性，可使用 removeAttribute()。 其二、语法： element.setAttribute(name, value); 参数： name
浅析JS操作DOM的一些常用方法
11-22
getAttribute(): 返回指定属性名的属性值 document.getElementsByTagName("a")[0].getAttribute("target"); setAttribute(): 添加指定的属性，并为其赋指定的值。 document.getElementsByTagName("INPUT")[0]....
jQuery 特性操作详解及实例代码
11-22
前面的话 　每个元素都有一个或者多个特性，这些特性的...　jQuery中用attr()方法来获取和设置特性，attr是attribute(特性)的缩写，在jQuery DOM操作中会经常用到attr()方法 attr(attributeName) 　attr(传入特性名)：
JavaScript：DOM编程艺术（第2版）
08-24
《javascript dom编程艺术:第2版》讲述了javascript、dom 和html5 的基础知识，着重介绍dom 编程技术背后的思路和...3.5.1 getattribute 43 3.5.2 setattribute 44 3.6 小结 45 第4章案例研究：javascript图片库 46
android xml文件操作
07-28
xml文件操作 public class XmlUtils { /** * 获取Document对象。根据xml文件的名字获取Document对象。 * * @param file * 要获取对象的xml文件全路径。 * @return 返回获取到的Document对象。 * @...
前端调用WebSocket协议接口获取数据
m0_56023096的博客
04-29 510
createWs("测试数据", (res) => {
web server apache tomcat11-32-rewrite
05-06 547
整理这个官方翻译的系列，原因是网上大部分的 tomcat 版本比较旧，此版本为 v11 最新的版本。重写阀门实现了 URL 重写功能，与 Apache HTTP Server 中的 mod_rewrite 非常相似。
菜鸡学习netty源码（三）—— Reactor 模型
u013127325的博客
05-03 613
我们先进行理解一下Reactor模型，知道什么是Reactor模型，它有什么特别之处。我们先来简单介绍一下这个Reactor模型。Reactor模型的核心思想：就是将所关注的I/O事件进行注册到一个多路复用器上，一旦有I/O事件的发生，将事件进行分发到对应的事件处理器中，执行I/O事件对应的函数。Rector模型有3中模型的实现：单Reactor单线程模型，单Reactor多线程模型，多Reactor多线程模型。
前端 | iframe框架标签应用（二）| 外部页面导入
最新发布
因为健忘，所以记点有的没的〒▽〒
05-06 968
点击右上角喇叭，弹出iframe页面框，链接bilibili白噪音视频页面；点击关闭按钮，关闭弹出框。
uni框架下的前端小知识
weixin_53908842的博客
04-30 355
1、direction：移动方向，可选值为all、vertical、horizontal分别表示所有方向、垂直、水平方向。3、out-of-bunds：移动超出界限是的处理策略，可选值为fail, bounce,分别表示失败、回弹。9、 scale-value:缩放的值，当scale为true时有效。7、friction:摩擦系数，取值范围【0，100】6、damping:阻尼系数，取值范围【0，100】8、scale：缩放比例，取值范围【0.5，10】4、x:水平方向的移动距离，单位制px。
getattribute
06-08
`__getattribute__` 是 Python 中一个内置方法，用于获取对象的属性值。它在访问对象的属性时会被调用，包括实例属性、类属性和特殊属性等。如果在类定义中没有重写该方法，Python 会默认使用父类的实现方法。 当我们访问一个对象的属性时，Python 会自动调用 `__getattribute__` 方法。例如，如果我们有一个类定义如下： ``` class MyClass: def __init__(self): self.x = 1 def __getattribute__(self, name): print(f"Getting attribute {name}") return super().__getattribute__(name) ``` 在上面的类定义中，我们定义了一个 `MyClass` 类，并在其 `__getattribute__` 方法中打印了一条消息，用于显示正在获取的属性名。在创建一个 `MyClass` 对象并访问其属性时，`__getattribute__` 方法会被自动调用。例如，我们可以执行以下代码： ``` obj = MyClass() print(obj.x) ``` 这将会打印出以下输出： ``` Getting attribute x 1 ``` 在这个例子中，我们首先创建了一个 `MyClass` 对象，并将其存储在变量 `obj` 中。然后，我们访问了 `obj.x` 属性。在这个过程中，Python 自动调用了 `__getattribute__` 方法，并打印出了一条消息。最后，`__getattribute__` 方法返回了属性 `x` 的值 `1`。 需要注意的是，在 `__getattribute__` 方法中访问对象的属性时，如果不使用 `super().__getattribute__(name)`，会导致死循环。因为访问属性时会再次调用 `__getattribute__` 方法，从而陷入无限递归的循环中。因此，在 `__getattribute__` 方法中访问属性时，必须使用 `super().__getattribute__(name)` 来避免这种情况的发生。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值