复制一个元素？

我正在尝试复制页面中的元素。我不完全如此，是否可以用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相关。

来源

2013-05-02 Sam-Bo

你将不得不使用jquery。检查clone()

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

来源

2013-05-02 04:11:48

我在这个新的，你可以写一个例子，告诉我在哪里可以插入呢？在这个文件中，我使用了GreaseMonkey和Stylish。 – 2013-05-02 04:15:38

假设您有一个元素，并且您想要复制并在第一个元素之后插入它。编辑它的答案。 – 2013-05-02 04:18:45

该代码是雅虎的答案。请参阅上面编辑的 – 2013-05-02 04:26:26

不，CSS仅用于布局目的，并且不能克隆HTML元素。你将不得不为此使用JavaScript/jQuery。

参见如何使用.clone()相关的问题：

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

来源

2013-05-02 04:15:05

所有事情都应该考虑，这应该是一个评论。 – 2013-05-02 04:18:31

这在OP更新他的问题之前回答了这个问题。 – 2013-05-02 05:35:14

将其标记为重复项已经生效。 – 2013-05-02 06:31:51

这只是与脚本，例如可能

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

来源

2013-05-02 04:22:19

+1为香草JS。 – Jared 2013-05-02 04:30:00

谢谢，请参阅编辑过的文章。 – 2013-05-02 04:40:48

@ user742625我不知道'＃yan相关的'是什么。 – 2013-05-02 04:52:57

复制一个元素？

回答

相关问题