1. 首页>>前端>>javascript

获取网页图片路径的方法

获取网页图片路径的方法,

<div class="post-image">
	<img id="a1" src="222222" > 
</div>

方法一:
<script>
	// 第一种: 单张图片地址更换, 直接更换。
	var img =document.getElementById('a1').src="1.png";
	console.log(img);
</script>

方法二:
<script>
	//第二种:单张图片地址获取,直接获取
	var img=document.getElementById('a1');
	var imgs=img.src;
	
	document.write(imgs);
</script> 

方法三:
<script>
	//第三种:使用id+getAttribute方法
	var img3=document.getElementById('a1');
	 console.log(img3.getAttribute("src"));
</script> 

方法四:
<script>
	//第四种:使用id+setAttribute方法       
	var img3=document.getElementById('a1');
	var ig=img3.setAttribute("src", '../code/img/gup.png');//把图片修改为目标路径
</script>


转载联系作者并注明出处:https://focusonseo.cn/jcczs/121.html