JavaScript方法之getAttribute()和setAttribute()方法

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

getAttribute()方法：通过元素节点的属性名称获取属性的值

        语法：elementNode.getAttribute(name),,,,,elementNode:使用getElementById、getElementsByTagName()等方法获取到的元素节点；name:要想查询的元素节点的属性名字，例如;

<!doctype html>

<html>
 <head>
    <meta http-equiv="content-type" content="text/html;charset=gbk"/>
<title>getAttribute</title>
  </head>
  <body>
    <input  type="button" id="alink" title="gteAttribute()获取标签的属值" οnclick="hattr()" value="点击我获取标签的属值">

<script type="text/javascript">
function hattr()
{
 var anode=document.getElementById("alink");
 var attr1=anode.getAttribute("id");
 var attr2=anode.getAttribute("title");
 document.write("h1的标签的ID：" +attr1+"<br/>");
 document.write("h1标签的title："+attr2);
}
</script>
  </body>
</html>

setAttribute()方法：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值

        语法：elementNode.setAttribute(name,value),,,,,name:要设置的属性名;value:要设置的属性值，，如果把指定的属性设置为指定的值，如果不存在具有指定名称的属性，该方法将创建一个新的属性，setAttribute()方法只能通过元素节点对象调用函数，例如;

<!doctype html>
<html>
<head>gbk">
<title>无标题文档</title>
</head>
<body>
  <p id="intro">我的课程</p>  
  <ul>  
    <li title="JS">JavaScript</li>  
    <li title="JQ">JQuery</li>  
    <li title="">HTML/CSS</li>  
    <li title="JAVA">JAVA</li>  
    <li title="">PHP</li>  
  </ul>  
  <h1>以下为li列表title的值,当title为空时，新设置值为"WEB前端技术":</h1>
<script type="text/javascript">
  var Lists=document.getElementsByTagName("li");
  for (var i=0; i<Lists.length;i++)
  {
    var text=Lists[i].getAttribute("title");
    document.write(text +"<br>");
    if(text=="")
    {
    Lists[i].setAttribute("title","WEB前端技术");
    document.write(Lists[i].getAttribute("title")+"<br>");
    }
  }
</script>
</body>
</html>

我想上天
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
有关getAttribute()方法和setAttribute()方法的说明
helanye的专栏
07-21 3万+
js getAttribute()方法●一份文档就是一棵节点树。   ●节点分为不同的类型：元素节点、属性节点和文本节点等。   ●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。   ●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。   ●这些节点中的每个都是一个对象。
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
10-28
该方法把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。
js中的getAttribute()
热门推荐
优雅的博客
09-04 2万+
getAttribute()是HTML DOM的一个方法，用以获取HTML元素的属性（如id，name，type以及其他自定义属性）。style是HTML DOM的一个关于样式的对象，style对象的属性（如background，color，border等等）用以设置元素的样式。
JavaScriPt中的getAttribute()方法
QIWenLu的专栏
08-03 1517
getAttribute()方法是一个函数。它只有一个参数——你打算查询的属性的名字,下面为大家介绍下其具体的使用   getAttribute()方法   至此，我们已经向大家介绍了两种检索特定元素节点的办法：一种是使用getElementById()方法，另一种是使用getElementsByTagName()方法。在找到那个元素后，我们就可以利用getAttribute()方法把它的
setAttribute()方法总结
最新发布
微赚淘客系统开发者博客
06-21 277
方法是在Java开发中常见的用于设置属性值的方法，它提供了一种方便灵活的方式来设置对象的属性。通过合理地使用方法，我们可以实现对象属性的动态设置，从而满足不同场景下的需求。希望本文能够帮助你更好地理解和应用方法，在实际开发中发挥其作用。
JS--JavaScript属性节点特性，创建属性节点，读取、设置、删除属性（getAttribute、setAttribute、removeAttribute）
吴声子夜歌的博客
09-26 2116
属性节点 属性节点由Attr类型表示，在文档树种被称为元素的特性，习惯称之为标签的属性。属性节点具有以下特征： nodeType值为11 nodeName值为特性的名称 nodeValue值为null 在HTML中不包含子节点 在XML中子节点可以是Text、EntityReference 访问属性节点 Attr是Element的属性，作为一种节点类型，它继承了Node类型的属性和方法。不过A...
js中get和set关键字作用,js中getattribute用法
阿发狗伪原创
10-26 248
这篇文章主要介绍了js中get和set关键字作用，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获，下面让小编带着大家一起了解一下。
JavaScript设置获取和设置属性的方法
12-11
在JavaScript中，操作HTML元素的属性是Web开发中的常见任务，`getAttribute`和`setAttribute`是两个关键的方法，用于获取和设置元素的属性值。这两个方法是DOM（Document Object Model）的一部分，允许开发者动态地...
js中的getAttribute方法使用示例
10-25
总的来说，`getAttribute`和`setAttribute`是JavaScript中处理元素属性的关键方法。它们允许开发者在不改变DOM结构的情况下，获取或更改元素的特性，从而实现动态交互和数据处理。在实际开发中，这两个方法经常被...
浅谈javascript中的DOM方法
01-19
1:获取对象的三种方法 ...2:属性的set和get方法. 　1)object.getAttribute(attribute);获取元素的属性.===>>>HTMLDOM: object.attribute; 　2)object.setAttribute(attribute,value);设置元素的属性.==
JS之dom操作getAttribute()方法
web前端菜鸟工程师
09-20 2244
getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法： elementNode.getAttribute(name) 说明: 1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。 2. name：要想查询的元素节点的属性名字 demo： getAttribute()
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
10-27
本篇文章是对JS中的getAttribute和setAttribute(取得和设置属性)的使用进行了详细的分析介绍，需要的朋友可以参考下
JS基础二
weixin_45663247的博客
11-09 246
React笔记2 组件通信 分类： ​ 父子组件通信 ​ 无论父组件传递是props还是state,子组件都是通过props接收 ​ 子父组件通信 ​ 父组件传递方法给子组件，子组件调用父组件传递过来的方法 ​ 注意： 自己的状态自己更改 ​ 非父子组件通信 ​ ref链 ​ 1. ref = ‘xxx’ this.refs.xxx ​ 2. ref = ...
JS自定义元素节点/属性的使用 createElement、setAttribute、getAttribute、appendChild
weixin_49602426的博客
08-27 2734
顾名思义，自定义也就是自己创建一个，通过JS生成节点或者属性，而不是在html里写的。setAttribute(name, value)：设置/添加元素节点的属性，有则设置，无则添加；获取元素节点的属性；removeAttribute：清除属性；...
setAttribute() 与 getAttribute() 用法剖析及选项卡操作的实例展示，这一篇就够了
狮子座的男孩
04-29 8692
Ⅰ、在 MDN 上 setAttribute() 与 getAttribute() 函数的用法解释(很详细)： 1、Element.setAttribute()： 其一、摘要： 设置指定元素上的某个属性值。如果属性已经存在，则更新该值；否则，使用指定的名称和值添加一个新的属性。 要获取某个属性当前的值，可使用 getAttribute()；要删除某个属性，可使用 removeAttribute()。 其二、语法： element.setAttribute(name, value); 参数： name
js获取 mysql 属性_JS getAttribute()方法：读取元素的属性值
weixin_39630410的博客
01-27 419
在 JavaScript 中，使用元素的 getAttribute() 方法可以读取指定属性的值。用法如下：getAttribute(name)参数 name 表示属性名称。使用元素的 attributes 属性、getAttributeNode() 方法可以返回对应属性节点。示例1下面示例访问红色盒子和蓝色盒子，然后读取这些元素所包含的 id 属性值。红盒子蓝盒子var red = docume...
javascript getAttribute
weixin_30708329的博客
07-20 343
var nodes = document.getElementsByTagName("script"); var node = nodes[nodes.length - 1]; var src = document.querySelector ? node.src : node.getAttribute("src", 4); 以前一直以为 node.getAttribute("src...
js-getAttribute与setAttribute的用法
XiaoQ的博客
03-13 4386
今天UI出图里有一个小小的特效，鼠标滑过图标时，图标更换颜色（字体图标本身和北京）正常情况下UI会提供相应的字体图标然后css:hover就可以搞定了，但是UI说没有，只有psd原图还得自己换颜色，本来打算自己把图片转换给字体图标，后来一想好像可以用JS来实现，在加上又是一个小网站，用户对相应速度要求很低（其实是我发现生成字体图标好麻烦还要下载AI），于是我就打算用JS来实现，正好练练手。
setattribute和getattribute
06-28
回答1：</h3><br/>setattribute和getattribute是JavaScript中的两个方法，用于设置和获取HTML元素的属性。 setattribute方法可以用来设置HTML元素的属性，例如： ``` document.getElementById("myElement")....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值