0

我正在尝试复制页面中的元素。我不知道怎么做，是否可以使用 CSS 或者我需要使用脚本？

我想象这样的事情：

  #yan:before { 
    content: Get The Value Of(AN.element.inPage) !important;
    font-size: 200% !important;
    }

EG：假设我想获得一个主题的标题。

  #yan:before { 
    content: Get The Value Of(h1.subject) !important;
    font-size: 200% !important;
    }

然后主题标题将在页面中出现 2 次。可能吗？

现在这是我的正确代码...

// ==UserScript==
// @name        DUPLICATING - CLONE elements
// @namespace   http://userscripts.org/scripts/show/109262
// @description    EXPLAIN ME PLEASE
// @include     http*://*answers.yahoo.com*
// @version     1
// ==/UserScript==


var yan = document.getElementById('yan'),
h1s = document.querySelectorAll('h1.subject');

[].forEach.call(h1s, function(node) {
// insert before
yan.parentNode.insertBefore(node.cloneNode(true), yan);
});

►►►► 但是现在我如何设置相对于“#yan-related”元素的位置？►►►►我希望新创建的元素跟#yan相关。

4

3 回答 3

5

这仅适用于脚本，例如

var yan = document.getElementById('yan'),
h1s = document.querySelectorAll('h1.subject');

[].forEach.call(h1s, function(node) {
    // insert before
    yan.parentNode.insertBefore(node.cloneNode(true), yan);
});

演示

于 2013-05-02T04:22:19.350 回答
3

您将不得不使用 jquery。查看clone()

var a = $("#dashnav").clone
$("#dashnav").after(a)
于 2013-05-02T04:11:48.253 回答
0

不，CSS 用于布局目的，不能克隆 HTML 元素。为此，您必须使用 JavaScript/jQuery。

请参阅有关如何使用的相关问题.clone()：

是否可以在 JavaScript / JQuery 中克隆 html 元素对象？

于 2013-05-02T04:15:05.953 回答