对象数组的应用

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		img{width: 300px}
	</style>
</head>
<body>
	<img src="../images/01.jpg" alt="" id="pic">
	<a href="#" id="link">你好</a>
	<script type="text/javascript">
		var attr={
			src:'../images/02.jpg',
			alt:'提示信息',
			title:'标题'
		};
		var attr1={
			href:'http://www.baidu.com',
			alt:'你好'
		};

		//设置节点属性
		function setAttr(obj,attr) {
			for(var i in attr){
				obj[i]=attr[i];
			}
		}
		var oImg=document.querySelector('#pic');
		var o=document.querySelector("#link");
		setAttr(oImg,attr);
		setAttr(o,attr1);
	</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_44606660/article/details/87877222