[RESOLVED] Removing created element: error message

**JMRKER** · 05-08-2012 03:49 PM

I am trying to understand the following code.
It appears to create the new element with no errors.

However, when I click to remove the element, I get this 'warning' message in the error console:

Timestamp: 5/8/12 4:40:44 PM
Warning: Element referenced by ID/NAME in the global scope. Use W3C standard document.getElementById() instead.
Source File: file:///Users/JMR/Desktop/Blank.html
Line: 1

Here is the code I'm using on a local computer (not on server yet).
Can anyone tell me how to eliminate the warning message in the error console?
As far as I can tell, I am using the getElementById function.

Code:

<html>
<head>
<title>Add / Remove Element</title>
<script type="text/javascript">
this.num = 1;
function addElement(){
  var $top = document.getElementById('top');
  var newId = document.createElement('div');
  var id = 'my'+this.num;
  newId.setAttribute('id', id );
  var str = "<a href='' onclick='removeThis( "+id +");return false'>";
  str += "Remove this element: "+id+"</a>";
  newId.innerHTML = str;
  $top.appendChild(newId);
  this.num++;
}
function removeThis( id ){
  var d = document.getElementById('top');
  d.removeChild(id);
}
</script>
</head>
<body>
<input type="button" name="button" value="Add Element" onclick="addElement()" />
<div id="top" ></div>
</body>
</html>

**Padonak** · 05-08-2012 04:27 PM

Code:

<!DOCTYPE html>
<html>
<head>
<title>Add / Remove Element</title>
<script type="text/javascript">
this_num = 1;
function addElement(){
  var $top = document.getElementById('top');
  var newId = document.createElement('div');
  var id = 'my'+this_num;
  newId.setAttribute('id', id );
  var str = "<a href='' onclick='removeThis(this);return false'>";
  str += "Remove this element: "+id+"</a>";
  newId.innerHTML = str;
  $top.appendChild(newId);
  this_num++;
}
function removeThis(obj){
  //var d = document.getElementById('top');
  //d.removeChild(id);
  var el = obj.parentNode;
  el.parentNode.removeChild(el);
}
</script>
</head>
<body>
<input type="button" name="button" value="Add Element" onclick="addElement()" />
<div id="top"></div>
</body>
</html>

**JMRKER** · 05-08-2012 05:47 PM

Thank you, that did the trick.

**Padonak** · 05-09-2012 03:39 AM

there were no any tricks. i don't know the english form for it, but in russian they say 'you have your eye soaped up' - it means that when you looking at something similar for long time you become less attentive. that's why it seems easy to fix somebody's else code but your own code never wants to work. every time when i face such a problem i just stop coding and go play some game or watch a movie and when i come back all the defects are easily detected ))

**JMRKER** · 05-09-2012 09:06 AM

Originally Posted by JMRKER

Thank you, that did the trick.

English slang for "it solved the problem".

Thread: [RESOLVED] Removing created element: error message

Thread Tools

Display

[RESOLVED] Removing created element: error message

Thanks...

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions