JavaScript示例一（输出元素属性）

最新推荐文章于 2023-11-19 13:18:25 发布

原创最新推荐文章于 2023-11-19 13:18:25 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

web 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于输出HTML元素的所有属性及其值。通过示例代码展示了如何使用此函数来获取页面中指定元素的属性信息。

很久以前学过一阵子javascript，没怎么实际用，也不太以为然，觉得挺小众的。没想到几年之间屌丝逆袭成高富帅了。javascript俨然成了跨平台的通用web语言。无奈只得从头恶补。参考书籍就是《JavaScript 高级程序设计》和《JavaScript语言精粹》。结合书的内容，整理了一些自己的理解和代码示例，记录在这里留着随时回顾。

输出元素属性：

<html>
	<head>
		<title>
			输出元素属性
		</title>
		<style type="text/css"> div.main {color:red}</style>
	</head>
	<body>
	<div id="myDiv" class="main" align="left">
		<p>输出div元素的属性</p>
	</div>

	<script type="text/javascript">

		function outputAttributes(element){

			var pairs=new Array(),
				attrName,
				attrValue,
				i,
				len;
			for(i=0,len=element.attributes.length;i<len;i++){
				attrName=element.attributes[i].nodeName;
				attrValue=element.attributes[i].nodeValue;
				pairs.push(attrName+"=\""+attrValue+"\"");
			}
			return pairs.join(" ");
		}
		var e=document.getElementById("myDiv");
		document.write(outputAttributes(e));
	</script>
	</body>
</html>

另存直接显示效果。