Javascript 查找元素并附加图像

我知道如何将图像附加到已知标记。e、 g

//html
<div class="ImageContainer"></div>    

//JS
var image = new Image;
image.src = '/Public/Images/image.png';
image.appendTo($('.ImageContainer'));

---

如果您使用的是jquery，那么只需

var htmlString = '<div><figure><img src="some image src" /></figure></div>';
$('#ImageContainer').html(htmlString);

var htmlString=''；
$（'#ImageContainer'）.html（htmlString）；

但是如果您想分别插入div/图和图像，那么最好给它某种标识符，即

var htmlString = '<div><figure id="myFig"></figure></div>';
$('#ImageContainer').html(htmlString);
$('#myFig').html('<img src="" />');

var htmlString=''；
$（'#ImageContainer'）.html（htmlString）；
$（'#myFig'）.html（''）；

如果您有一个id为的图像元素，您可以这样选择它：

var $image = '<img src="/Public/Images/image.png" />';

试试下面的代码

1） 以变量名$img存储图像url

2） 使用类名“image”（$（“.image”）查找div

3） 将图像附加到div

HTML

<div class="image"> </div>

JS

var $img = '<img src="https://skypeblogs.files.wordpress.com/2013/05/skype-button.png"/>';

$('.image').append($img);

var$img=''；
$（'.image'）.append（$img）；

---

什么是

cardContainer

？还有一个侧注：您的图像变量应该包装在

$（图像）

中才能添加！我明白了

ImageContainer.find（'figure'）.append（image）

代替

image.appendTo（ImageContainer.find（'figure'）

hmm

$（image）.appendTo（ImageContainer.find（'figure'））

将起作用！

$(ImageContainer).find('figure').append($image);

<div class="image"> </div>

var $img = '<img src="https://skypeblogs.files.wordpress.com/2013/05/skype-button.png"/>';

$('.image').append($img);