码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-11-27 10:53:40      阅读:165      评论:0      收藏:0      [点我收藏+]

标签: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=element.attributes[i].nodeValue;
				pairs.push(attrName+"=\""+attrValue+"\"");
			}
			return pairs.join(" ");
		}
		var e=document.getElementById("myDiv");
		document.write(outputAttributes(e));
	</script>
	</body>
</html>

另存直接显示效果。

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

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

标签:javascript

原文地址:http://6738767.blog.51cto.com/6728767/1583066

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!