Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 515
  • Last Modified:

Delete, Create, Copy HTML id attributes with Javascript

HI,

I'm just wondering if it's possible to delete, create and copy an HTML element with specific ID attributes. For instance,


<table>
<tr id="row1"><td>field</td></tr>
<tr id="row2"><td>field 2</td></tr>
</table>
 
Is it possible to delete the first row with id attribute "row1" using Javascript? 
 
If it is then is it possible to copy and create the second row or the first row based on the id attribute?
 
Could you give me a quick sample of the Javascript if this is possible? I believe it is using Javascript or AJAX.

Open in new window

0
Victor Kimura
Asked:
Victor Kimura
1 Solution
 
niko86Commented:
here are some quick samples based on the html provided by you:
<table>
<tr id="row1"><td>field</td></tr>
<tr id="row2"><td>field 2</td></tr>
</table>
<script type="text/javascript">
/*delete first row:*/
document.getElementById("row1").parentNode.removeChild(row1);
/*clone Element:*/
var row2El=document.getElementById("row2");
var clone=row2El.cloneNode(true);
/*get Element with id row2, clone Content into variable 'clone'*/
/*true or false refers to cloning the content*/
/*now do whatever you want with the cloned element*/
row2El.appendChild(clone);
/*in this case we are appending it to the row2 Element*/
</script>

Open in new window

0
 
Victor KimuraSEO, Web DeveloperAuthor Commented:
Great that works, niko86. Now I just have to figure out how to prevent duplicate ids.
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now