首页 > 代码库 > JavaScript示例一(输出元素属性)

JavaScript示例一(输出元素属性)

        很久以前学过一阵子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=http://www.mamicode.com/element.attributes[i].nodeValue;"=\""+attrValue+"\"");
			}
			return pairs.join(" ");
		}
		var e=document.getElementById("myDiv");
		document.write(outputAttributes(e));
	</script>
	</body>
</html>

另存直接显示效果。

本文出自 “空空如也” 博客,请务必保留此出处http://6738767.blog.51cto.com/6728767/1583066

JavaScript示例一(输出元素属性)