我有cms,它以这样的方式呈现一个标记,我不能添加任何额外的
id
我是说,
class
或
events
到元素。
以这种方式,我必须以编程方式添加它们。任务很简单:
1)。按类名查找元素并将其添加到后续元素中,(
img
)
身份证件
名称
(第二章)。添加
onClick
归因于它
(第三章)。执行脚本
onclick公司
(应交换图像和Href的名称(
最多3个图像
))
JSFiddle
这是一个标记:
<div class="single-image text-center to_change_inner">
<div class="content">
<div class="single-image-container">
<img class="img-responsive" src="https://picsum.photos/200/300">
</div>
</div>
</div>
<div>
<a id="btn-1559300726188">Click</a>
</div>
这是一个jquery
以下内容:
jQuery(function($) {
element1 = $('.to_change_inner').children('img'); //find() also doesn't work
element1.id="imgClickAndChange";
if (element1.addEventListener) {
element1.addEventListener("click", changeImage, false);
} else {
if (element1.attachEvent) {
element1.attachEvent("click", changeImage);
}
}
});
function changeImage() {
if (document.getElementById("imgClickAndChange").src == "https://picsum.photos/200/300")
{
document.getElementById("imgClickAndChange").src = "https://picsum.photos/20/30";
}
else
{
document.getElementById("imgClickAndChange").src = "https://picsum.photos/200/300";
}
}
window.addEventListener('load', function(){
document.getElementById('btn-1559300726188').setAttribute("onclick", "imgClickAndChange(); return true;");
});