Question

更新我的问题。

在链接中我正在使用'尽管'，所以这一切都在创造问题，我必须添加类似

的内容

'<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>

不起作用。它与代码混淆。

Answer 1

您可以尝试使用JQuery的wrap()将图像包装在一个锚中。

Demo

<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');

Answer 2

或者您可以使用Div更多＆amp;纯JS

http://jsfiddle.net/pePDN/5/

  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);

在Javascript中添加图像链接

2 个答案: