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

浏览数：21 / 时间：2015年06月08日

很久以前学过一阵子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>

另存直接显示效果。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

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