<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>对属性的操作</title>
</head>
<body>
<!--属性的设置-->
<img src="img/lingzhiling.jpg" alt="" />
<script type="text/javascript">
//设置属性
var img = document.getElementsByTagName(‘img‘)[0];
img.setAttribute("alt", ‘加载失败的提示‘);
//获取属性
var imgAttr = img.getAttribute(‘alt‘);
console.log(imgAttr);
//添加属性
img.setAttribute(‘height‘,‘500‘);
img.setAttribute(‘title‘,‘这是一张图片‘);
img.setAttribute(‘class‘,‘aaa‘);
img.className = ‘ccc‘;//这个是兼容问题的解决办法
</script>
</body>
</html>
时间： 2024-10-08 18:44:48