用js动态的改变img标签里面的src属性实现图片的循环切换

JS:根据循环切换的条件可以用

document.getElementById(‘‘).src=‘‘设置,

或者jquery方法:

$(‘#id‘).attr(‘src‘,‘图片名称’);

具体:

if(true) {

document.getElementById(‘id‘).src=‘a.png‘;

//or $(‘#id‘).attr(‘src‘,‘a.png‘);

}else {

document.getElementById(‘id‘).src=‘b.png‘;

//or $(‘#id‘).attr(‘src‘,‘b.png‘);

}

//上面的红色的和红色的对应,蓝色的和蓝色的是对应的。

时间: 2024-10-13 10:58:02

用js动态的改变img标签里面的src属性实现图片的循环切换的相关文章

javascript正则找script标签, link标签里面的src或者 href属性

1. [代码]javascript 简单的search    <script(?:(?:\s|.)+?)src=[\"\'](.+?)[\"\'](?!\<)(?:(?:\s|.)*?)(?:(?:\/\>)|(?:\>\s*?\<\/script\>)) <script  src="sdfsdf/sdfd.js"          type="text/javascript"  /><scr

如何拿到iframe标签里面的src的内容,并且重新进行渲染

<iframe width="100%" height="100%" seamless frameBorder="0" scrolling="no" :src='getSrc(item.frameLink)' > </iframe> 因为后台的直接返回的是iframe标签,不好去控制宽高 getSrc(item) { var srcReg = /src=[\'\"]?([^\'\"]

demo15-获取标签里面的值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- 执行的時候是自上而下,当放在这里的时候就... 如果希望在head标签里面执行,那么需要添加一个入口函数 --> <script type="text/javascript"> //表示窗口的意思,onload表示加载js里面

如何判断img标签是否有src属性

前几天,写一个小项目,需要判断img标签是否有src属性,想了半天,只能想到用jq实现,如下: if($(".img").attr("src")==undefinde) { //逻辑代码 }else { //逻辑代码 } 但是项目中没有使用jq,突然就忘了怎么写了,后来看了看文档才想起来: var src = document.getElementById("img").src; if(src==undefinde) { //逻辑代码 }else

js动态添加和删除标签

html代码 <h1>动态添加和删除标签</h1> <div id="addTagTest"> <table> <thead><tr><th>姓名</th><th>年薪</th><th>操作</th></tr></thead> <tbody id="info"> </tbody>

script标签里的defer属性

入职新公司,看代码的时候注意到有的script标签中有一个defer属性,查了一下.在这里分享出来. 需要注意的有三点,其中前两点是在错误中分辨出来的: 错误来源:http://www.w3school.com.cn/tags/att_script_defer.asp 1,defer属性只有IE支持:应该说是在主流浏览器都是支持的: http://www.runoob.com/tags/att-script-defer.html 中说了,在所有主流浏览器都支持defer属性:在Chrome,FF

dede文章调用时过滤调 body里面的style属性和值

dede 发布文章的时候会在里面的标签中添加一些style 属性,现在改网站想去掉这些属性和里面的值,因为文章太多所以就用下面的方法 \include\arc.listview.class.php 在这个文件中的240行左右有个 '//设置全局环境变量 '  ,在这部分内容下面添加以下这句话一句就OK了! // 过滤掉样式表  $this->Fields['body'] = preg_replace("/style=.+?[*|\"]/i","",$

js动态新增组合Input标签

var x = 1; function addlink() { var linkdiv = document.getElementById("add1_0"); if (linkdiv.attributes.currentindex.value) { var tmp = linkdiv.attributes.currentindex.value; x = parseInt(tmp) + 1; } linkdiv.setAttribute('currentindex', x); var

非常漂亮js动态球型云标签特效代码

<%@ page contentType="text/html;charset=UTF-8" language="java" import="java.util.*" pageEncoding="UTF-8" %> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <base targe