如何“抓住”类标记中的内容并仅使用javascript显示内容？

Question

我不确定我是否朝着正确的方向前进，但是我想实现的目标至少在我看来是非常复杂的。 所以我要寻找的是在html类标记中找到内容，然后在我想要的任何地方显示此内容。 让我们以一个网站上的在线产品为例，并假设标题上的代码如下所示：

< h2 class="Title">This is a product example< /h2>|| note the space had
  to be to show the exact code.

是的，我知道我可以像这样使用变量：

< h2>$title< /h2>

但是，如果没有访问权限怎么办？ 是否有可能使用：getElementByClassName获取详细信息，然后显示该内容？ 我一直到处寻找，但不幸的是我一无所获，因此决定在这里询问。

HTML：

 <div id="container"> ABC <br /> <p class="displayThis"> I want this to be displayed again using only JavaScript </p </div> 

样式：

 \n     ＃容器 {\n     边框：1px实线；\n     宽度：200像素；\n     左边距：15％；\n     背景：＃999；\n     边框颜色：＃fc0000;\n     文本对齐：居中；\n    }\n .displayThis {\n     背景：＃999；\n     颜色：#fff;\n     font-weight：粗体;\n } 
\n\n
  .newContent {\n     位置：固定；\n     底部：10％;\n     正确：50％；\n     font-weight：粗体;\n }\n

脚本：

 var displayThys = document.getElementByClassName("displayThis"); document.write('\\<p class="newContent">'+ displayThys +'</p>\\ <br />\\ '); 

这是JsFiddle

Answer 1

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>

---

代码本身很容易解释