12. Element attributes 属性

最新推荐文章于 2024-02-05 22:49:06 发布
最新推荐文章于 2024-02-05 22:49:06 发布
阅读量1.2k 收藏
点赞数

实例

获得元素属性的集合：

document.getElementsByTagName("BUTTON")[0].attributes;

定义和用法

attributes 属性返回指定节点的属性集合，即 NamedNodeMap。
提示：您可以使用 length 属性来确定属性的数量，然后您就能够遍历所有的属性节点并提取您需要的信息。
这里写图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>

<p>点击按钮来查看 button 元素拥有多少属性。</p>

<button id="myBtn" onclick="myFunction()" name="wjh">试一下</button>

<p id="demo"></p>

<script>
    function myFunction()
    {
        var x = document.getElementById("myBtn").attributes.length;
        document.getElementById("demo").innerHTML = x;
    }
</script>


</body>
</html>
enlyhua
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
svg-element-attributes:SVG元素到允许属性的映射
05-12
：npm install svg-element-attributes用import { svgElementAttributes } from 'svg-element-attributes'console . log ( svgElementAttributes [ '*' ] )console . log ( svgElementAttributes . circle ) 产量：...
hive表修改map分隔符
SW_LCC的博客
10-10 670
修改hive表属性用如下格式： alter table tablename set serdeproperties(‘属性名’=‘属性值’); 表名为tablename 如修改hive表的map分隔符属性为 ‘:’ : alter table table1 set serdeproperties(‘mapkey.delim’=’:’); ...
Element类型【2】
zf888999666的博客
11-15 273
每个特性节点都有一个名为specified的属性，这个属性的值如果为true，则意味着要么是在HTML中指定了相应特性，要么是通过setAttribute()方法设置了该特性。在IE中，所有未设置过的特性的该属性值都为false，而在其他浏览器中根本不会为这类特性生成对应的特性节点（因此，在这些浏览器中，任何特性节点的specified值始终为true）。改进后的代码如下所示。attributes属性中包含一系列节点，每个节点的nodeName就是特性的名称，而节点的nodeValue就是特性的值。
javascript基础学习系列四百一十：Element 类型（ attributes 属性）
最新发布
wanmeijuhao的博客
02-05 790
元素后代元素可以拥有任意多个子元素和后代元素，因为元素本身也可以是其他元素的子元素。在元素上调用这个方法与在文档上调用是一样的，只不过搜索范围限制在当前元素之内，即只会返回当前元素的后代。一般来说，因为使用起来更简便，通常开发者更喜欢使用 getAttribute()、removeAttribute()和 setAttribute()方法，而不是刚刚介绍的 NamedNodeMap 对象的方法。attributes 属性中的每个节点的 nodeName 是对应属性的名字，nodeValue 是属性的值。
element节点的attribute和property初探
大神带我来搬砖
01-30 1273
最近在用jquery的时候,发现$('input[checked="checked"]')有时候不能正确的选择被勾选的checkbox. 所以调查了一下 在javascript里,任何一个obj都有property,并且可以任意添加 [code="js"] var o=new Object(); o.name='crap'; alert(typeof(o.name...
RobotFrameWork - 09 - Selenium API - 获取元素相关信息、声明变量与验证
利他者利己，利己者无功。利他利己，利己利他。
11-18 889
说明：这里只是将比较常用的基于UI操作的命令列出，更多方法请百度“Selenium”关键字库
html-element-attributes:HTML元素到允许属性的映射
05-03
html-element-attributes HTML元素到允许的属性的映射。 也包含在'*'下'*'全局属性。 包括来自HTML 4和HTML（WHATWG生活标准）的属性。 注意：包括不推荐使用的属性。 注意：在HTML 4中不是全局属性，但在HTML中的...
html-event-attributes:HTML事件处理程序内容属性列表
05-06
html-event-attributes HTML事件处理程序内容属性列表。 包括来自和 （生活标准）的事件。安装该软件包仅适用于ESM：需要使用Node 12+才能使用它，并且必须将其import而不是require d。 ： npm install ...
ejs-attributes
07-19
EntityJS - 实用程序属性一个将对象转换为 HTML 属性的小实用程序。...attributes ( { id : 'my-element' , class : [ 'class-1' , 'class-2' ]} ) ; // = id="my-element" class="class-1 class-2
jQuery完全实例.rar
06-16
This means that every time the passed-in function is executed (which is once for every element matched) the 'this' keyword points to the specific DOM element. Additionally, the function, when ...
JavaScript 中element和attribute以及节点、属性的增删
互坑
01-01 2772
一、 getElementById(String XX)  返回对拥有指定id的第一个对象的引用 使用方法  var intputNode = document.getgetElementById("tid"); 获得Id值为td的第一个【元素节点】的对象的引用， 学习愉快 var intputNode = document.getgetElementById("tid
Javascript DOM Document|Element|Attribute对象方法详解
郎涯技术
07-10 5347
Document对象是浏览器Window（窗口）对象的一个主要部分。它包含了网页显示的各个元素，是最常用的对象之一。通过document对象可以访问HTML文档中包含的任何HTML标记，并可以动态地改变HTML标记中的内容，如表单、图像、表格和超链接等。 Document 对象集合 集合 描述 all[] 提供对文档中所有
Node values和Element Attributes
面向学姐编程
10-12 1318
今天写用正则表达式验证表单项的js函数时遇到了一个问题，学到了新的概念，特记录在此。 为了验证表单项是不是合法，需要定义一个函数，函数在form的onsubmit事件中调用。在函数中，先获取填入的值，然后用test()函数验证。开始时我用document.getElementById().getAttribute(“value”)来获取填入的值，但是写完之后一直显示我填入的表单项非法，在网页中打印...
XML元素(element)与属性(attribute）
weixin_33981932的博客
05-18 1248
为了简单说清楚什么是元素与属性，拿下面的xml文档作例子。 <bookstore> <bookcategory="CHILDREN"> <title>HarryPotter</title> <author>JK.Rowling</author> <year>2005</y...
DOM：获取和设置元素的属性值，element.属性和element.getAttribute(“属性“)
weixin_46682277的博客
03-19 2110
获取属性值 1.element.属性：获取元素属性值 注意：element属性想要获取元素类的属性值要用className，而不是class。 <div class="box"></div> <script> var box = document.querySelector(".box"); console.log(box.className); // 输出box </script> 2.element.getAttribute(“属性”); 获取元素属性值
获取属性的两种操作方法，element.属性和element.getAttribute(“属性“)
weixin_46682277的博客
04-11 3850
获取属性的两种操作方法，element.属性和element.getAttribute(“属性”) 第一种方法是：element.属性: js中获取一个元素的属性值，通常用到element.属性比较多。比如：` <div id = "nav"></div> <script> let nav = document.getElementById("nav"); co...
JavaScript 检查某元素是否有某属性 elementSupportAttribute(elementName,attribute) JavaScript扩展
迎难而上
05-09 2526
对于HTML5中 有许多新的属性,  如placeholder 等,  但是由于目前浏览器对 HTML5 支持度不够，  我们在使用前 最好判断当前环境下  某元素是否有某个属性 示例代码： //功能: 看elementName所对应的元素里 是否支持attribute属性 //示例 //console.log("input是否支持placeholder属性"+elementSup
JSX 标签自定义属性报错解决方法
a370828q的博客
06-21 105
JSX 标签自定义属性报错解决方法
document.documentElement 中有哪些属性
07-08
3. attributes：返回一个 NamedNodeMap 对象，包含了 <html> 元素的所有属性节点。 4. childNodes：返回一个 NodeList 对象，包含了 <html> 元素的所有子节点。 5. parentNode：返回 <html> 元素的父节点，对于根...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值