如何“抓取”类标签内的内容并仅使用 javascript 显示内容？

Question

我不确定我的方向是否正确，但我想要实现的目标相当复杂，至少对我来说是这样。所以我正在寻找的是在一个 html 类标签中找到内容并在我想要的任何地方显示这个内容。举一个网站上的在线产品的例子，假设标题上的代码是这样写的：

这是一个产品示例||注意空间有
  要显示确切的代码。

是的，我知道我可以使用如下变量：

 $title 

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

HTML：

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

风格：

＃容器 { 边框：1px 实心； 宽度：200px； 左边距：15%； 背景：#999； 边框颜色：#fc0000； 文本对齐：居中； } .displayThis { 背景：#999； 颜色：#fff; 字体粗细：粗体； }

.newContent { 位置：固定； 底部：10%； 对：50%； 字体粗细：粗体； }

脚本：

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>

---

代码本身是不言自明的