如何在页面加载后使用javaScript在同一页面上添加重复图像

Question

我遇到了一个问题，我的工作就是这样。我有一个服务器端图像按钮。我所做的是，在该页面加载到客户端后，我想将相同的图像与相同的导航URL放在同一页面上的另一个位置。任何人都可以告诉我该怎么做吗？同样我也想用javascript隐藏页面上的一些文字。任何想法？

Answer 1

使用.clone()方法。

一个例子：

我们假设你的img就是这个

<img class="yourimageclass" src="Your/path/to/image.jpg" ?>
<!-- And this being where you want to copy it -->
<div class="whereuwanttocopy"></div>

然后你的jQuery将是

$('.yourimageclass').clone().appendTo('.whereuwanttocopy');

---

要隐藏页面中的某些文本，请将它们包装到某个容器中，以便我们可以处理该内容

<span class="todhide">here is the text to hide</span> and here is the text to not hide

然后，只要您想要隐藏文字

，就使用简单的$(".tohide").hide()

Answer 2

让图像放在有id的div中，在javascript事件上只需调用以下脚本

document.getElementById('secondDiv').innerHTML = document.getElementById('firstDIV').innerHTML