Question

我正在尝试复制页面中的元素。我不知道如何使用CSS或我需要使用脚本？

我想象这样的事情：

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

例如为：假设我想获得一个主题的标题。

  #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相关。

Answer 1

这只适用于脚本，例如

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

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

Demo

Answer 2

你必须使用jquery。检查clone()

var a = $("#dashnav").clone
$("#dashnav").after(a)

Answer 3

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

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

Is it possible to clone html element objects in JavaScript / JQuery?

复制一个元素？

3 个答案: