javascript如何改变图片链接地址
javascript改变图片链接地址的方法：【window.onload = function () {ImageSrc();} function ImageSrc() { var imgs = document.getEleme...】。
本文操作环境：windows10系统、javascript 1.8.5、thinkpad t480电脑。
JavaScript改变图片链接地址的具体实现方法：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
window.onload = function () {
ImageSrc();
}
function ImageSrc() {
var imgs = document.getElementsByClassName("ArticleBody")[0].getElementsByTagName("img");
for (var i = 0, l = imgs.length; i < l; i++) {
imgs[i].src = imgs[i].src.replace("gjbt", "www"); //img[i].src is the reference to the image.
}
}
</script>
</head>
<body>
<div class="ArticleBody">
<img src="image/01.jpg" />
<img src="image/04.jpg" />
<img src="image/02.jpg" />
<img src="image/03.jpg" />
</div>
</body>
</html>
以上就是javascript如何改变图片链接地址的详细内容！
相关内容
-
JavaScript如何实现图片滚动
JavaScript实现图片滚动的方法：【<script>vartimer;varspeed=10;varbox=document.getElementById(&...
-
5个有用的css函数（分享）
CSS包含了许多函数，而且它能够完成许多早期需要用JavaScript才能完成的事情。每年都有新的特性被添加进来，这让我们的开发更加轻松，也减少了对JavaScript的依赖。...
-
css怎么设置图片位置居中
css设置图片位置居中的方法：可以在图片外面添加一个p标签，然后通过设置line-height属性使图片位置居中，如【<p><imgsrc="&qu...
-
css中的图片翻转属性是什么
css中的图片翻转属性是transform。transform属性应用于元素的2D或3D转换，我们可以利用该属性对元素进行旋转、移动、倾斜等操作，如【transform:rot...
-
详解CSS3+SVG滤镜实现不规则边框的方法
本篇文章将介绍一种配合SVG滤镜实现各种不规则图形添加边框的小技巧。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。需求背景，给不规则图形添加边框在我们日常开发...
-
css中怎么把图片设置居右
在css中，可以使用text-align属性把图片设置居右，只需要给图片元素设置“text-align:right;”即可。text-align属性指定元素文本的水平对齐方式，...
-
css如何设置图片不平铺
css设置图片不平铺的方法是使用【background-repeat】属性设置图片不平铺，其中【no-repeat】为不平铺，即只显示一次。本教程操作环境：windows7系统...
-
css如何取消链接下划线
css取消链接下划线的方法是，给链接文本添加text-decoration属性，并且设置属性值为none就可以了，例如【h3{text-decoration:none;}】。本...
-
css如何改变图片的背景
css改变图片的背景的方法是，添加background-image属性，并且将属性值设置为你想要的图片的url地址，例如【background-image:url('...
-
使用JS或CSS如何实现瀑布流布局，几种方案介绍
本篇文章带大家了解一下瀑布流布局，介绍一下三种靠谱JS方案，以及N种不靠谱CSS方案。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。本着实用精神，我们今天来分...
