如何使用javascript动态地将图像放入锚定标记中

如何使用javascript动态地将图像放入锚定标记中,javascript,asp.net,Javascript,Asp.net,我已经用javascript动态创建了图像。我想把img放在一个锚定标签里,我该怎么做 var element = document.createElement("img"); element = cell.appendChild(element); element.setAttribute("src", "/Images/Delete.gif"); element.setAttribute,然后将其追加,因为您正在将元素重新澄清到我现在假定的单

我已经用javascript动态创建了图像。我想把img放在一个锚定标签里,我该怎么做

        var element = document.createElement("img");
        element = cell.appendChild(element);
        element.setAttribute("src", "/Images/Delete.gif");

element.setAttribute,然后将其追加,因为您正在将元素重新澄清到我现在假定的单元格中。。。或者不分配element=cell.append

var element = document.createElement("img");
element.setAttribute("src", "/Images/Delete.gif");
cell.appendChild(element);
我的建议是:

function insertImage(anchorID, imagesrc){
  var img = "<img src='" + imagesrc + "' alt='image' />";
  $("#"+anchorID).html($("#"+anchorID).html() + img);
}
函数插入图像(anchorID,imagesrc){
var img=“”;
$(“#”+anchorID.html($(“#”+anchorID.html()+img);
}
我在html中添加html,以防有任何文本仍然需要保留。。否则将否定html的第二条语句

您需要jQuery javascript插件才能运行

如果您不希望包含插件,那么:

function insertImage(anchorID, imagesrc){
      var img = "<img src='" + imagesrc + "' alt='image' />";
      document.getElementById(anchorID).innerHtml = img;
    }
函数插入图像(anchorID,imagesrc){
var img=“”;
document.getElementById(anchorID).innerHtml=img;
}

您需要锚定标记(节点)的引用。假设这是
a
。由于
A
IMG
是非常简单的html元素,因此这将很好地工作:

a.innerHTML += '<img src="/Images/Delete.gif">';
不能失败。在任何浏览器中。jQuery对于这样简单的东西来说太过分了(下面也会做同样的事情)

编辑
但是看起来你是在把
img
插入一个
单元格
而不是锚定标签。。。或者您的锚定标记被称为
单元
?在这种情况下,只需将
a.
替换为
单元格。
=)


我没有测试代码,我用我的大脑作为解释器,所以可能有错误。但是我认为你应该了解这个概念。

element=cell.appendChild(element);我说我不确定。。这是否返回附加元素?我不确定是否要将元素赋值给cell.AppendChilds。我觉得正确,如果我读得正确,它实际上回答了这个问题,但为什么正确?为什么不干脆
cell.innerHTML+=''哪一个功能完全相同并且可读?因为标准是一个非常酷的家伙,它们是标准化的并且不怕任何东西。如果我没记错的话,innerHTML是由InternetExplorer发明的。这应该是不使用它的充分理由。
a.innerHTML = '<img src="/Images/Delete.gif">';
var anchor=document.createElement('a');
anchor.href='#';
var element = document.createElement("img");
element.setAttribute("src", "/Images/Delete.gif");
anchor.appendChild(element);
cell.appendChild(anchor);