<!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>