对属性进行操作

笑笑师弟

于 2018-10-22 19:25:00 发布

阅读量174

点赞数

CC 4.0 BY-SA版权

文章标签： HTML 属性

本文链接：https://blog.youkuaiyun.com/qian_qian_123/article/details/83277511

前端实例专栏收录该内容

7 篇文章

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>对样式进行操作</title>
		<script type="text/javascript">
			function imageChange(img) {
				document.getElementById("src1").setAttribute("src", img);
			}

			function getImageURL() {
				var i = document.getElementById("src1").getAttribute("src");
				alert(i);
			}
		</script>

	</head>

	<body>
		<!--对属性进行操作-->

		<img src="" id="src1" /><br />
		<input type="button" value="获取当前图片的地址" onclick="getImageURL()" />
		<input type="button" id="btn1" class="btn" value="1" onclick="imageChange('img/1.jpg')" />
		<input type="button" id="btn2" class="btn" value="2" onclick="imageChange('img/2.jpg')" />
		<input type="button" id="btn3" class="btn" value="3" onclick="imageChange('img/3.jpg')" />
		<input type="button" id="btn4" class="btn" value="4" onclick="imageChange('img/4.jpg')" />
	</body>

</html>