Dom getAttribute 获取元素节点内容

最新推荐文章于 2024-04-17 10:31:49 发布
最新推荐文章于 2024-04-17 10:31:49 发布
阅读量1.2k 收藏
点赞数
未经允许不得随意转载，著作权归__盛某人所有
本文链接：https://blog.csdn.net/NaXieNianWoMenYiQ/article/details/86668885
版权 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>getAttribute获取属性</title>
    <!--getAttribute方法只有一个参数，我们要查询的属性的名字。
    该方法不属于document对象，只能通过元素节点对象调用。比如与getElementById方法合用：-->
    <script>
       //获取元素节点的属性值
      function getAtrr(){
      	  //获取元素节点
      	  var a=document.getElementsByTagName("a")[0];
      	  //获取属性节点
      	 document.getElementById("p1").innerText= a.getAttribute("href");
      }
    </script>
</head>
<body>
    <a href="http://www.baidu.com" target="_blank">百度</a>
    <a href="http://www.sohu.com" target="_parent">搜狐</a>
    <a href="http://www.sina.com" target="_blank">新浪</a>
    <a href="http://www.csdn.com" target="_blank">CSDN</a>
    <div class="container" title="main">
    </div>
    <button onclick="getAtrr()">获取属性</button>
    <p id="p1"></p>
    <p id="p2"></p>
</body>
</html>
小菜鸡_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
getAttribute取得元素属性值
wangjingyi
03-04 1104
getAttribute(strAttributeName, lFlags） 取得属性值。 [code="html"] [/code] [code="js"]var el = document.getElementById("div1"); alert(el.getAttribute("id"));//div1[/code] [url]https://msdn.microsoft...
DOM获取内容和属性
weixin_45982458的博客
03-02 221
DOM中获取内容的三种方式 DOM中获取属性以及属性值
DOM操作-获取元素的方式_ie 获取dom，2024年最新三面蚂蚁核心金融部
最新发布
AUZKAY的博客
04-17 589
getElementsByClassName 是通过标签的 class 名称来获取标签的，因为页面中可能有多个元素的 class 名称一样，所以获取到的是一组元素，哪怕你获取的 class 只有一个，那也是获取一组元素，只不过这一组中只有一个 DOM 元素而已。getElementsByTagName 是用过标签的 标签 名称来获取标签的，因为页面中可能有多个元素的 标签 名称一样，所以获取到的是一组元素，哪怕真的只有一个这个标签名，那么也是获取一组元素，只不过这一组中只有一个 DOM 元素而已。
js笔记（七）
qq_60587956的博客
02-27 411
1.DOM 1.1 什么是DOM 文档对象模型，是W3C组织推荐的处理可扩展标记语言的标准编程接口 W3C已经定义一系列的DOM接口，通过这些DOM接口可以改变网页的内容，结构，样式。 文档：一个页面就是一个文档，DOM中使用doucument来表示 元素：页面中的所有标签都是元素，DOM中使用 element 表示 节点：网页中的所有内容都是节点（标签，属性，文本，注释等），DOM中使用node表示 DOM 把以上内容都看做是对象 2.获取元素 2.1 如何获取页面元素 DOM在我们实际
Selenium get_attribute()方法获取元素信息（文本和属性）
qq_27109535的博客
06-29 1280
Selenium get_attribute()方法获取元素信息（文本和属性）
DOM中获取和设置元素的属性（getAttribute、setAttribute）
shao_xuan_的博客
11-03 6163
DOM中获取和设置元素的属性（getAttribute、setAttribute）getAttributesetAttribute 至此，我们已经介绍了3种获取特定元素的方法:分别是getElementById、getElementsByTagName和getElemetByCIassName。得到需要的元素以后，我们就可以设法获取它的各个属性。getAttribute方法就是用来做这件事的。相应地，setAttribute方法则可以更改属性节点的值。 getAttribute getAttribute是一
jacascript DOM节点——元素节点、属性节点、文本节点
08-30
DOM节点是这个树形结构的基本单位，主要包括元素节点、属性节点和文本节点。 **元素节点** 是DOM中最核心的部分，它们对应HTML中的标签元素。例如，`<div>`、`<p>`、`<img>`等都是元素节点。元素节点提供了访问标签...
DOM下的节点属性和操作小结
09-06
10. **getAttribute**: 获取元素的属性值，如`element.getAttribute('href')`。 11. **cloneNode**: 复制节点，参数为布尔值，`true`表示深拷贝（包括子节点），`false`表示浅拷贝（仅复制节点本身）。 掌握这些...
python 通过xml获取测试节点和属性的实例
09-20
6. 获取XML节点属性值：`node.getAttribute(AttributeName)` 7. 获取XML节点对象集合：`node.getElementsByTagName(TagName)` 8. 获取子节点列表：`node.childNodes` 9. 获取XML节点值：`node.childNodes[index]....
vue递归获取父元素的元素实例
10-14
在Vue.js中，有时我们需要获取元素的特定关系，如父元素、子元素或兄弟元素，以便进行DOM操作或实现特定功能。本文将详细介绍如何在Vue中递归获取父元素的元素实例，并提供相关的DOM操作方法。 首先，让我们深入...
学习JS中的DOM节点以及操作
12-09
2. **获取元素节点**： - **getElementById**：通过元素的ID获取元素，返回的是单个元素。 - **getElementsByClassName**：通过类名获取元素集合，返回的是NodeList对象。 - **getElementsByName**：通过元素的...
html获取对象属性,html之DOM对象getAttribute()方法(节点属性值获取)功能简介说明
weixin_39775976的博客
06-04 1083
摘要:下文讲述DOM对象getAttribute()方法功能说明,如下所示:DOM getAttribute()方法功能说明DOM getAttribute()方法功能():获取指定Html元素节点的属性值DOM getAttribute()方法语法:element.getAttribute(attributename)—–参数说明—–element:待获取属性信息的节点元素 要获取属性对象节点...
HTML DOM getAttribute() 方法
m0_74064480的博客
11-24 488
作用：getAttribute() 方法通过名称获取属性的值。 用法：元素.getAttribute('属性')
DOM操作之getAttribute方法
web_harry的博客
12-19 3万+
DOM操作之getAttribute方法
input onclick点击button无反应_button.property 和 button.getAttribute有什么区别？
weixin_39736547的博客
11-30 142
本文为饥人谷原创文章，首发于 前端学习指南。「node.getAttribute('someAttribute')」获取的是「attribute」，而「node.someAttribute」获取的是元素的「property」，二者并不相同。 参考 properties-and-attributes-in-html在大多数情况下「property」和「attribute」是同步的，如场景1。场景1：...
有关getAttribute()方法和setAttribute()方法的说明
热门推荐
helanye的专栏
07-21 3万+
js getAttribute()方法●一份文档就是一棵节点树。   ●节点分为不同的类型：元素节点、属性节点和文本节点等。   ●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。   ●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。   ●这些节点中的每个都是一个对象。
JS之dom操作getAttribute()方法
web前端菜鸟工程师
09-20 2243
getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法： elementNode.getAttribute(name) 说明: 1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。 2. name：要想查询的元素节点的属性名字 demo： getAttribute()
selenium 之get_attribute
zhouxuan623的专栏
03-03 1万+
browser.find_element_by_xpath("//span[@id='productInfo.productCode']/input").get_attribute("title") 获取元素的属性值方法：get_attribute(element_name) input id="productInfo.productCode" class="np " typ
在DOM中所有节点都是元素
06-12
属性节点是元素节点的属性，可以用`getAttribute`和`setAttribute`方法来获取和设置。 除了这些节点类型，还有注释节点（Comment Node）、文档节点（Document Node）等。因此，并不是所有节点都是元素节点，而是有...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值