更新我的问题。
在链接中我正在使用'尽管',所以这一切都在创造问题,我必须添加类似
的内容'<div style="float:left; padding:0px 10px 5px 0px;"><a expr:href='data:post.url'><img src="' + img[0].src + '" width="218px" height="170px"/></a></div>'
现在该怎么做才能使''仍未影响代码
我有一个JavaScript
function createSummaryAndThumb(pID) {
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = 0;
if (img.length >= 1) {
imgtag = '<div style="float:left; padding:0px 10px 5px 0px;"><img src="' + img[0].src + '" width="218px" height="170px"/></div>';
summ = 0;
}
var summary = imgtag;
div.innerHTML = summary;
}
为我的某个网站生成图片。现在我想添加链接到生成的图像,但添加
<a href="url"><div style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="218px" height="170px"/></div></a>
OR
<div style="float:left; padding:0px 10px 5px 0px;"><a href="url"><img src="'+img[0].src+'" width="218px" height="170px"/></a></div>
不起作用。它与代码混淆。
答案 0 :(得分:0)
您可以尝试使用JQuery的wrap()
将图像包装在一个锚中。
<img id="myImage"
src="http://placehold.it/250x150/00ffcc&text=FooBar"
title="This is my image" />
var createSummaryThumb = function (elementId) {
var link = $('<a />').attr('href', $(elementId).attr('src'));
$(elementId).wrap(link);
}
createSummaryThumb('#myImage');
答案 1 :(得分:0)
或者您可以使用Div更多&amp;纯JS
var a=document.createElement('a');
a.href='http://www.google.com';
var image = document.getElementById('myImage').getElementsByTagName('img')[0];
b=a.appendChild(image);
document.getElementById('myImage').appendChild(a);