如何使用javascript更改元素中的类名和数据
How to change class name and data in element using javascript?
如何使用javascript更改元素中的类名和数据?
现在我可以将类名从 class="xxx"
更改为class="yyy"
没关系。
但我想改变
<img src="http://iconshow.me/media/images/Mixed/Free-Flat-UI-Icons/png/128/heart-24-128.png"/>
自
<img src="http://image.ohozaa.com/i/c70/cLBh71.png"/>
这是我的演示
http://jsfiddle.net/dFp6f/8/
这是JavaScript代码
<script>
function myFunction() {
$("#demo").addClass("yyy").removeClass("xxx");
}
</script>
怎么办?
您可以使用attr
方法来更改图像 src:
function myFunction() {
$("#demo").addClass("yyy").removeClass("xxx");
$("img").attr("src", "http://image.ohozaa.com/i/c70/cLBh71.png");
}
在
函数中的小提琴更新中检查更新的代码
function myFunction() {
$("#demo").addClass("yyy").removeClass("xxx");
$("#demo img").attr('src','http://image.ohozaa.com/i/c70/cLBh71.png');
}
你可以这样使用。
function myFunction() {
$("#demo").addClass("yyy").removeClass("xxx").find('img').prop('src', 'http://image.ohozaa.com/i/c70/cLBh71.png');
}
我想你想要这样的东西:
var src = "http://image.ohozaa.com/i/c70/cLBh71.png";
$('img').attr('src', function(){
return src;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://iconshow.me/media/images/Mixed/Free-Flat-UI-Icons/png/128/heart-24-128.png"/>
function myFunction() {
$("#demo").addClass("yyy").removeClass("xxx");
$("#demo img").attr("src","http://image.ohozaa.com/i/c70/cLBh71.png");
}
相关文章:
- 基于数据元素限制动态表单字段
- 为什么DTM数据元素被调用两次
- 方法来使用jQuery选择匹配的数据元素
- 访问jQuery中的SVG数据元素
- Ajax 数据元素未拾取
- 从 json 字符串中提取数据元素
- Jquery验证插件,使用选项的数据元素作为验证检查
- 未捕获的异常:每个数据元素都必须实现一个唯一的“id”属性slick.dataview.js
- Knockout foreach 循环迭代相同的数据元素
- 从数据表重新加载 javascript 数据元素 asp.net 而不重新加载页面
- 如何从html中删除数据元素
- 使用jquery从HTML5数据元素中获取并执行函数+参数
- 按属性选择d3.js数据元素
- jQuery过滤器不返回数据元素,只返回整个对象
- 添加< >标记在选择的enter()部分的主数据元素之前
- 为数据元素设置一个变量
- 在javascript中转义数据元素中的撇号
- 如何访问CSV文件的数据元素
- 在adobedtm数据元素中寻找自定义脚本
- 问题更新Adobe分析变量通过数据元素在动态标签管理器- DTM