图片链接替换为其他链接JS
Image Link replace with other link JS
我有img 的html标签
<img id="photo" src="//lh5.googleusercontent.com/-nt2iZrVQYZE/AAAAAAAAAAI/AAAAAAAAAEQ/z6WGWyexYpM/s512-c/photo.jpg">
为了将s512-c更改为s36-c,我正在使用
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
var orgImg = document.getElementById('photo');
orgImg.src = orgImg.src.replace('s512-c', 's36-c');
})();
//]]>
</script>
但这只是将一个id="photo"替换为
<img id="photo" src="//lh5.googleusercontent.com/-nt2iZrVQYZE/AAAAAAAAAAI/AAAAAAAAAEQ/z6WGWyexYpM/s36-c/photo.jpg"/>
我想将所有图像链接s512-c更改为s36-c。帮帮我。
遍历所有图像(按标记名),而不是按id获取图像。我还将注意到,每个DOM元素id都应该是唯一的;不能将同一个id分配给多个图像。
<script type="text/javascript">
$(document).ready(function(){
var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; ++i) {
var orgImg = images[i];
orgImg.src = orgImg.src.replace('s512-c', 's36-c');
}
})();
</script>
如果您的页面上有比需要修改的更多的图像,您可能需要为那些需要修改的图像分配一个类,并使用document.getElementsByClassName。
在一个页面中不能有多个具有相同id的元素。你应该做的是通过图像的标记名(img)来检索图像,或者给它们一个类名并用它来检索图像。由于你使用的是jquery,这里有一个jquery的解决方案:http://jsfiddle.net/DVS67/
$(document).ready(function() {
$("img").each(function(index, elem) {
$(elem).attr("src", $(elem).attr("src").replace('s512-c', 's36-c'));
});
});
如果您决定使用类名,只需将取消选择器$("img")
替换为$(".yourclassname")
您应该为每个img使用不同的id。您还可以将一个类添加到要更改的所有img中,然后使用jquery 更改它们
相关文章:
- 制作一个不带HTML a标记但在动画播放完毕后指向其他页面的超链接
- jQuery Mobile到其他页面的锚链接不起作用
- 单击“禁用其他超链接”
- 拒绝与.htaccess或其他任何内容的主链接
- 使用其他页面上表单的文本创建链接
- 保存链接分配值以及转到其他页面
- 在页面加载时创建/设置活动的默认链接,但在单击其他链接时删除活动链接
- 如何创建一个链接,该链接使用相应的参数打开到其他链接
- 如何获取链接内容(innerHTML)并将其作为标题添加到其他链接
- 如何在使用模式框的混合Form/HEF链接中添加其他GET参数
- 如何根据从其他页面单击的链接填充页面内容
- 悬停时:用一种颜色突出显示维基百科的所有相同链接,用不同的颜色突出显示其他地方的所有相同的链接
- 如何在第一次点击时突出显示链接;并在第二次单击时跟随它,除非在其他地方单击,然后重新初始化未高亮显示的状态
- 如何使 ajax 加载页面中的链接加载其他页面
- 在其他选项卡中打开链接
- 如何将图像链接与 HTML 和 CSS 一起使用时,悬停时在其他位置显示图像
- 使用页面上其他位置的链接激活选项卡
- 通过超链接传递到其他页面的数据正在被切断
- 如何在 RaphaelJS 中根据需要为文本创建默认属性并链接其他属性
- API不共享URL链接(其他数据很好)