javascript的getAttribute的应用

最新推荐文章于 2021-01-15 03:42:48 发布
原创 最新推荐文章于 2021-01-15 03:42:48 发布 · 532 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#input #javascript #JavaScript #Javascript #javaScript

本文通过一个简单的HTML页面示例介绍了JavaScript中getAttribute方法的使用方法。该示例展示了如何获取HTML元素的属性值。

<html>
<head>
<title>getAttribute使用</title>
</head>
<body>
您喜欢的城市：<br>
<ul>
<li id="bj" value="beijing">北京</li>
<li id="sh" value="shanghai">上海</li>
<li id="cq" value="chongqing">重庆</li>
</ul>
您喜欢的游戏：<br>
<ul>
<li id="fk" value="fankong">反恐</li>
<li id="ms" value="moshou">魔兽</li>
<li id="cq1" value="chuanqi">传奇</li>
</ul>
</body>
<script language="javascript">
//<li id="cq" value="chuanqi">传奇</li>节点value属性的值
var cqElement=document.getElementById("cq1");
alert(cqElement.getAttribute("value"));

</script>
</html>

js中的getAttribute方法使用示例
12-04
getAttribute()方法 至此，我们已经向大家介绍了两种检索特定元素节点的办法：一种是使用getElementById()方法，另一种是使用getElementsByTagName()方法。在找到那个元素后，我们就可以利用getAttribute()方法把它的各种属性的值查询出来。 getAttribute()方法是一个函数。它只有一个参数——你打算查询的属性的名字： object.getAttribute(attribute) 不过，getAttribute()方法不能通过document对象调用，这与我们此前介绍过的其他方法不同。我们只能通过一个元素节点对象调用它。 例如，你可以把
IE和Firefox在JavaScript应用中的兼容性探讨
10-30
本文将深入探讨这两个浏览器在JavaScript应用中的兼容性问题及其解决方案。 首先，我们遇到的是CSS的`cursor`属性问题。在IE中，`cursor: hand;`会使得鼠标指针变为手型，但Firefox并不支持这一特性，而使用`cursor...
js-window对象的方法和属性资料
gaoyuchuan_IT的专栏
04-02 2236
熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用 掌握window对象的moveTo、resizeTo、scrollTo、print方法的使用 熟练掌握window对象的status、location、n
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
10-27
本篇文章是对JS中的getAttribute和setAttribute(取得和设置属性)的使用进行了详细的分析介绍，需要的朋友可以参考下
javascript getAttribute
weixin_30708329的博客
07-20 408
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()
热门推荐
优雅的博客
09-04 2万+
getAttribute()是HTML DOM的一个方法，用以获取HTML元素的属性（如id，name，type以及其他自定义属性）。style是HTML DOM的一个关于样式的对象，style对象的属性（如background，color，border等等）用以设置元素的样式。
JavaScript中getAttribute方法详解及应用实例
在JavaScript中，`getAttribute`方法是一个重要的DOM（Document Object ...`getAttribute`方法是JavaScript中处理DOM属性查询的重要工具，它帮助开发者在运行时获取和检查元素属性，为动态网页功能提供了基础支持。
JavaScript中setAttribute与getAttribute的用法详解
在前端开发中，DOM（文档对象模型）操作是JavaScript的核心功能之一，而`setAttribute()`与`getAttribute()`方法则是实现动态属性控制的重要手段。本文围绕这两个方法的用法展开深入剖析，并结合一个实际的选项卡...
JS之dom操作getAttribute()方法
web前端菜鸟工程师
09-20 2346
getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法： elementNode.getAttribute(name) 说明: 1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。 2. name：要想查询的元素节点的属性名字 demo： getAttribute()
JavaScript方法之getAttribute()和setAttribute()方法
qq_33130209的博客
03-30 5881
getAttribute()方法：通过元素节点的属性名称获取属性的值         语法：elementNode.getAttribute(name),,,,,elementNode:使用getElementById、getElementsByTagName()等方法获取到的元素节点；name:要想查询的元素节点的属性名字
【Javascript】getAttribute()方法
O(∩_∩)O
12-16 604
通过元素节点的属性名称获取属性的值。 语法： elementNode.getAttribute(name) 说明: 1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。 2. name：要想查询的元素节点的属性名字 看看下面的代码，获取h1标签的属性值： 运行结果:
javascript之getAttribute()方法
fengyuanfa的专栏
10-21 4688
javascript之getAttribute()方法
js中setAttribute()和getAttribute()用法
q285661571的专栏
04-10 1万+
给js中的Element动态添加添加属性 setAttribute(string name,string value)增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值 getAttribute()获取指定元素的属性值 例子：var span=document.createElement("");//span为element      span.setAttribute(
python getattribute方法_JS getAttribute()方法：读取元素的属性值
weixin_34345599的博客
01-15 1151
在 JavaScript 中，使用元素的 getAttribute() 方法可以读取指定属性的值。用法如下：getAttribute(name)参数 name 表示属性名称。使用元素的 attributes 属性、getAttributeNode() 方法可以返回对应属性节点。示例1下面示例访问红色盒子和蓝色盒子，然后读取这些元素所包含的 id 属性值。红盒子蓝盒子var red = docume...
JS--JavaScript属性节点特性，创建属性节点，读取、设置、删除属性（getAttribute、setAttribute、removeAttribute）
吴声子夜歌的博客
09-26 2391
属性节点 属性节点由Attr类型表示，在文档树种被称为元素的特性，习惯称之为标签的属性。属性节点具有以下特征： nodeType值为11 nodeName值为特性的名称 nodeValue值为null 在HTML中不包含子节点 在XML中子节点可以是Text、EntityReference 访问属性节点 Attr是Element的属性，作为一种节点类型，它继承了Node类型的属性和方法。不过A...
JS 对象.getAttribute()与对象.DOM属性 的区别
BowenXu11的博客
04-10 370
通过 对象.getAttribute(‘属性’)拿到的是当初设置的值 通过 对象.属性 拿到的是浏览器计算后的值
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值