我不确定我的方向是否正确，但我所要达到的目标是相当复杂的，至少对我来说是这样。所以我要找的是在一个html类标记中找到内容，并在任何我想要的地方显示这个内容。让我们举一个网站上的在线产品的例子，假设标题上的代码是这样写的：
< h2 class="Title">This is a product example< /h2>|| note the space had to be to show the exact code.
null
是的，我知道我可以像这样使用变量：
< h2>$title< /h2>
null
HTML：
<div id="container"> ABC <br />
<p class="displayThis"> I want this to be displayed again
using only JavaScript </p
</div>
样式：
#container {
border: 1px solid;
width: 200px;
margin-left: 15%;
background: #999;
border-color: #fc0000;
text-align: center;
}
.displayThis {
background: #999;
color: #fff;
font-weight: bold;
}.newContent{
位置：固定；
底部：10%；
右：50%；
字体-粗细：粗体；
}
null
var displayThys = document.getElementByClassName("displayThis");
document.write('\<p class="newContent">'+ displayThys +'</p>\ <br />\ ');
以下是JSfiddle
HTML
<div id="container"> ABC <br />
<p class="displayThis"> I want this to be displayed again using only JavaScript </p>
</div>
这是剧本
<script>
(function(){
var a = document.getElementsByClassName("displayThis");
for (var i = 0; i < a.length; i++) {
var displayAgain = a[i];
document.write('\<p class="newContent">'+ displayAgain.innerHTML +'</p>\ <br />\ ');
}
})();
</script>
代码本身是很容易理解的
