072|属性节点attributes

最新推荐文章于 2022-03-27 22:05:49 发布

Asteroid 325

最新推荐文章于 2022-03-27 22:05:49 发布

阅读量202

点赞数

本文链接：https://blog.csdn.net/weixin_43846020/article/details/107819147

版权

JS 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>072属性节点attributes</title>
		<script>
			/*
			 attributes 获取当前元素节点上的所有属性节点
			 集合：
			   1.无序
			   2.不重复
			   
			*/
		   window.onload=function(){
			   var oDiv=document.getElementById("div1");
			   alert(oDiv.attributes);//[object NamedNodeMap] 是一个对象属性集合
			    
			   //获取其中的某一个属性节点
			   //title=hello
			   alert(oDiv.attributes.getNamedItem("title").nodeName);//title
			     alert(oDiv.attributes.getNamedItem("title").nodeType);//2
				   alert(oDiv.attributes.getNamedItem("title").nodeValue);//hello
				   
				   //上面的oDiv.attributes.getNameItem("属性节点").***;比较繁琐，可以直接用以下的代替，更方便
				   alert(oDiv.attributes["title"].nodeName);//title
				   alert(oDiv.attributes["title"].nodeType);//2
				   alert(oDiv.attributes["title"].nodeValue);//hello
			   }
		</script>
	</head>
	<body>
		<div id="div1" title="hello" class="box">div文本</div>
	</body>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Asteroid 325

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
072|属性节点attributes

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>072属性节点attributes</title> <script> /* attributes 获取当前元素节点上的所有属性节点集合： 1.无序 2.不重复 */ window.onload=function(){
复制链接

扫一扫