在javascript中更改属性值
change attribute value in javascript
本文关键字:属性 javascript 更新时间:2023-09-26
我试图改变img标签的属性,它不工作,我不知道为什么。我的代码正在更改大图像源和ZOOM源,但代码只更改源而不更改ZOOM,这是我的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src='jquery-1.8.3.min.js'></script>
<script src='jquery.elevatezoom.js'></script>
<!--script src='jquery-1.8.3.min.js'></script-->
<script>
function colorImage(x){
var newsrc = x.src.replace("thumb", "large");
var d = document.getElementById("zoom_06_l");
d.src = newsrc;
d.setAttribute("data-zoom-image", newsrc);
}
</script>
</head>
<style>
a{
color:black;
text-decoration:none;
}
.element{
width:150px;
}
.element .code {
text-align:center;
padding:10px;
}
</style>
<body>
<div style="width:960px;margin:0 auto;">
<img id="zoom_06_l" src="large/001.jpg" width="960" data-zoom-image="large/001.jpg"/>
<div id="gallery">
<a href="#" data-image="large/001.jpg" data-zoom-image="large/001.jpg">
<div class="element" style="float:left;margin-right:5px;">
<img id="zoom_06" src="thumb/001.png" /><br>
<div class="code">דגם מספר : 0025</div>
</div>
</a>
<a href="#" data-image="large/30001.png" data-zoom-image="large/30001.png">
<div class="element" style="float:left;margin-right:5px;">
<img onclick="javascript:colorImage(this)" id="zoom_06" src="thumb/30001.png" /><br>
<div class="code">דגם מספר : 30001</div>
</div>
</a>
</div>
</div>
<script>
$("#zoom_06_l").elevateZoom({
zoomType : "lens",
lensShape : "round",
lensSize : 250
});
</script>
</body>
</html>
data-zoom-image在id为zoom_06_l的img上没有改变,我不知道为什么。有什么帮助吗?
代替
d.setAttribute("data-zoom-image", newsrc);
尝试使用
d.dataset.zoomImage = newsrc;
详情请参阅
" https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes "
相关文章:
- 保存具有相同属性 JavaScript 的元素上的值
- DOM 元素上的空样式属性:JavaScript
- 基于一个属性Javascript检索多个对象
- xml获取属性javascript不会;无法处理childNodes
- 当输入填充了必需的属性javascript/html/css时,如何更改焦点颜色
- 如何处理未定义属性的未定义属性 javascript 类型错误
- 向嵌套对象添加属性 - Javascript
- 属性 Javascript 的访问属性
- 更改链中的 css 属性 - JavaScript
- 更改属性 Javascript 方式的值
- 如何从 url 解析 xml 获取属性 javascript
- 语法错误:缺少:在属性 javascript 之后
- 创建 if 条件基于 CSS 属性 -- JavaScript
- 访问节点的属性javascript二进制搜索树
- 访问父函数属性Javascript
- 为什么未定义此对象的属性?Javascript
- 访问私有属性Javascript OOP
- 访问数组中的属性?(Javascript)
- 动态添加参数作为对象的属性-JavaScript
- 冲突/方法/属性Javascript错误