getAttribute与setAttribute用法

最新推荐文章于 2022-09-22 11:50:53 发布
最新推荐文章于 2022-09-22 11:50:53 发布
阅读量95 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/pcd12321/p/4193908.html
版权

getAttribute和setAttribute只能用于元素节点。

1.当用getElementById获得元素节点时

/*---------------------------index.html---------------------------*/

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="Hehe">
  <title>Shopping list</title>
</head>
  <body>
   <p id="purchases" title="one">What to buy</p>
   <script type="text/javascript" src="script.js"></script>
  </body>
</html>

/*------------------------script.js---------------------------*/

var paras=document.getElementById("purchases");
alert(paras.getAttribute("title"));
paras.setAttribute("title","abcd");
alert(paras.getAttribute("title"));

此时警告框一个显示one，一个显示abcd。

2.当用getElementsByTagName获得元素节点时

/*---------------------index.html-----------------------------*/

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="Hehe">
  <title>Shopping list</title>
</head>
  <body>
   <p id="purchases" title="one">What to buy</p>
    <p title="two">What to buy</p>
   <script type="text/javascript" src="script.js"></script>
  </body>
</html>

/*----------------------------script.js--------------------*/

var paras=document.getElementsByTagName("p");
for(var i=0;i<paras.length;i++){
     paras[i].setAttribute("title","abcd");
     alert(paras[i].getAttribute("title"));
}

此时有俩个警告框显示abcd。

注：getElementById返回的是节点，getElementsByTagName返回的是数组。

      getAttribute("")与setAttribute("",A)都需要用到双引号A="字符"(即1.setAttribute("","a list of and so on")。2.A=”a list of and so on";setAttribute("",A)。)。

      alert()不是显示字符串不需要用到双引号。

 

转载于:https://www.cnblogs.com/pcd12321/p/4193908.html

weixin_30838873
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
有关getAttribute()方法和setAttribute()方法的说明
helanye的专栏
07-21 3万+
js getAttribute()方法●一份文档就是一棵节点树。   ●节点分为不同的类型：元素节点、属性节点和文本节点等。   ●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。   ●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。   ●这些节点中的每个都是一个对象。
setAttribute() 与 getAttribute() 用法剖析及选项卡操作的实例展示，这一篇就够了
狮子座的男孩
04-29 8944
Ⅰ、在 MDN 上 setAttribute() 与 getAttribute() 函数的用法解释(很详细)： 1、Element.setAttribute()： 其一、摘要： 设置指定元素上的某个属性值。如果属性已经存在，则更新该值；否则，使用指定的名称和值添加一个新的属性。 要获取某个属性当前的值，可使用 getAttribute()；要删除某个属性，可使用 removeAttribute()。 其二、语法： element.setAttribute(name, value); 参数： name
学习笔记---getAttribute与setAttribute 的用法
近未来
08-27 3072
JavaScript中通常用getAttribute来获取HTML元素的属性以及其他自定义属性）。 用setAttribute来设置属性。结构为： ob.getAttribute(“属性名”) ob.setAttribute(“属性名”,”属性值”)元素属性是哪些？ 标签与什么属性，节点对象就有什么属性。元素属性通俗地讲是跟在标签名之后 以 属性名=”属性值”形式出现的
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
10-27
本篇文章是对JS中的getAttribute和setAttribute(取得和设置属性)的使用进行了详细的分析介绍，需要的朋友可以参考下
setAttribute（）和getAttribute（）
O_OcatO_O的博客
09-22 1008
setAttribute（）和getAttribute（）
js中的getAttribute方法使用示例
10-25
此外，`setAttribute`方法是与`getAttribute`相辅相成的，它可以用来修改元素的属性值。它的用法是`object.setAttribute(attribute, value)`。例如： ```javascript let shoppingList = document.getElementById(...
基于request.getAttribute与request.getParameter的区别详解
09-05
- 如果两个Web组件之间是转发关系，即在一个Servlet或JSP中使用`RequestDispatcher.forward()`方法将请求传递给另一个Servlet或JSP，那么数据应通过`setAttribute()`方法在请求范围内共享。这种方式不涉及新的HTTP...
javascript中setAttribute兼容性用法分析
10-20
- 对于自定义属性，应使用`node.getAttribute("XXXX")`来获取和设置，这在所有浏览器中都是通用的。 2. **处理保留字和关键字**： - 当设置的属性名是JavaScript的关键字或保留字，如`class`，应使用驼峰命名法的...
js中的getAttribute方法使用示例.docx
01-21
JavaScript 中的 getAttribute 方法使用示例 在 JavaScript 中，getAttribute 方法是一个函数，它只有一个参数，即要查询的属性的名字。该方法可以用来查询元素节点的各种属性的值。例如，我们可以使用 ...
有趣的script标签用getAttribute方法来自脚本吧
10-31
在 player.js 文件中，我们可以通过 getElementsByTagName 方法来获取当前的 script 元素，然后使用 getAttribute 方法来获取参数： ``` var scripts = document.getElementsByTagName("script"); var self = ...
getAttribute（）方法查询属性的值、setAttribute（）方法修改属性值
JEFF_xieyuzhi的博客
03-05 2165
找到元素后，我们可以利用getAttribute（）方法把它的各种属性的值查询出来； 将不含title属性的p标签过滤掉，怎么做？ setAttribute（）方法修改属性值 ...
setAttribute 和 getAttribute区别
匪鉴
11-13 7300
² 赋值....setAttribute("a","1")    将1赋值给a ² 取值....getAttribute("a")  取出a的值，为1 在IE中是不认识class属性的，需改为className属性，同样，在Firefox中，也是不认识className属性的，Firefox只认识class属性，所以通常做法如下： element.setAttribute(class, va
运用用setAttribute和getAttribute
dafeide的博客
04-15 613
用setAttribute和getAttribute设置和获取模拟登陆的界面 getParamete与getAttribute的用法 HttpServletRequest类既有getAttribute()方法，也由getParameter()方法，这两个方法有以下区别： （1）HttpServletRequest类有setAttribute()方法，而没有setParameter()方法 （2）当...
java setAttribute和getAttribute的使用
weixin_39877284的博客
08-16 8302
java setAttribute和getAttribute的使用 setAttribute这个方法，在JSP内置对象session和request都有这个方法，这个方法作用就是保存数据，然后还可以用getAttribute方法来取出。 比如现在又个User对象，User curruser = new User(“zhangsan”, 20, “男”); 1，request.setA...
Javascript之getAttribute()方法 setAttribute()方法
fisher_jiang的专栏
03-04 5944
 ●一份文档就是一棵节点树。  ●节点分为不同的类型：元素节点、属性节点和文本节点等。  ●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。  ●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。  ●这些节点中的每个都是一个对象。getAttribute()方法至此，我们已经向大家介绍了两种检
getAttribute 与 setAttribute
Y0_Daisy的博客
07-23 396
setAttribute ：设置属性值  getAttribute  ：取出值  赋值....setAttribute("a","1")    将1赋值给a  取值....getAttribute("a")  取出a的值，为1 1.setAttribute 设置属性值  eg1：注意：a标签没有value属性，因此设置文本节点，用innerHTML &lt;!DOCTYPE HTML...
关于getAttribute()和setAttribute()方法
anmoyyh的博客
08-07 1344
setAttribute()方法与它们有一个本质上的区别：它允许我们对属性节点的值做出修改。 类似于getAttribute()方法，setAttribute()方法也是一个只能通过元素节点对象调用的函数，但setAttribute()方法需要我们向它传递两个参数： getAttribute()方法不能通过document对象调用，这与我们此前介绍过的其他方法不同。我们只能通过一个元素节点
jsp中setAttribute,getAttribute和getParameter用法
explorewen的专栏
08-01 9478
 1.getAttribute是取得jsp中 用setAttribute設定的attribute值 2.getParameter()得到的是客户端传的String型参数,即POST/GET传递的参数值,而getAttribute得到的是object request.setAttribute()和getAttribute()方法传递的数据只会存在于Web容器内部，在具有转发关系的Web组件之
getattribute和setattribute
最新发布
03-16
getattribute和setattribute是Python中的两个...需要注意的是，getattribute和setattribute函数都是非常底层的函数，一般情况下我们不需要直接使用它们，而是通过点号或者getattr、setattr函数来访问和设置对象的属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值