I am trying to learn how to clone an element using classname and append it to the body. here is what i have done but i am not getting any output. is there anything wrong ?

HTML:

<div class="check">hello</div>

CSS:

 .check {
     top: 100px;
 }

JavaScript:

var elem = document.getElementsByClassName('.check');
var temp = elem[0].clonenode(true);
document.body.append(temp);

JSFiddle Link:

/

if not JS, jquery solution is also weled.

I am trying to learn how to clone an element using classname and append it to the body. here is what i have done but i am not getting any output. is there anything wrong ?

HTML:

<div class="check">hello</div>

CSS:

 .check {
     top: 100px;
 }

JavaScript:

var elem = document.getElementsByClassName('.check');
var temp = elem[0].clonenode(true);
document.body.append(temp);

JSFiddle Link:

http://jsfiddle/hAw53/378/

if not JS, jquery solution is also weled.

• javascript
• jquery
• html
• css

Share Improve this question Follow asked Sep 28, 2014 at 14:15 S JS J 3,22011 gold badge2424 silver badges3232 bronze badges

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 4

You were almost there:

var elem = document.getElementsByClassName('check'); // remove the dot from the class name
var temp = elem[0].cloneNode(true); // capitalise "Node"
document.body.appendChild(temp); // change "append" to "appendChild"

<div class="check">hello</div>

You have 3 errors. Correct code:

var elem = document.getElementsByClassName('check'); // check, not .check
var temp = elem[0].cloneNode(true);  // cloneNode, not clonenode
document.body.appendChild(temp); // appendChild, not append

Demo: http://jsfiddle/hAw53/379/

There are a few issues with your code.

• getElementsByClassName() takes a class name (check), not a selector (.check)
• cloneNode() is spelled with a capital N (not clonenode())
• appendChild() is the name of the DOM method for appending a child (not append())

Correct version:

var elem = document.getElementsByClassName('check');
var temp = elem[0].cloneNode(true);
document.body.appendChild(temp);

You can do:

$('.check').clone().appendTo('body');

You're code had errors. First you used class selector and not the class name. Then you used an undefined property(properties are case sensitive) and you've to use appendChild instead of append which is a part of jQuery. You're too much confused with native javascript and jQuery.

in Jquery it's very simple, you just need to define inside what the new element apears.

var elem = $('.check');
elem.clone().prependTo( "body");