首页 >web前端 >前端问答 > 正文

javascript attributes属性是干什么的

原创2021-10-25 17:41:530680

在javascript中,attributes属性可以获取并返回指定元素节点的属性集合,即NamedNodeMap对象;语法“元素节点.attributes”。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

attributes 属性返回指定节点的属性集合,即 NamedNodeMap对象。

提示:您可以使用 length 属性来确定属性的数量,然后您就能够遍历所有的属性节点并提取您需要的信息。

语法:node.attributes

返回值:NamedNodeMap 对象,表示属性的集合。

<!DOCTYPE html>
<html>
<body>

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

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

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

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


</body>
</html>

我们猜猜结果是多少?结果应该是 2(button 元素的 id 和 onclick 属性)。看看效果图:

1.gif

【推荐学习:javascript高级教程

以上就是javascript attributes属性是干什么的的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

相关文章

相关视频


网友评论

文明上网理性发言,请遵守 新闻评论服务协议

我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    vue开发工具有哪些371
    vue路由跳转方式有哪些895
    vue怎么设置样式936
    推荐视频教程
  • JavaScript深入视频教程JavaScript深入视频教程
  • JavaScript极速入门JavaScript极速入门
  • JavaScript函数与闭包JavaScript函数与闭包
  • JavaScript对象与常用设计模式JavaScript对象与常用设计模式
  • JavaScript正则表达式基础与实战JavaScript正则表达式基础与实战
  • JavaScript 经典案例JavaScript 经典案例
  • 视频教程分类