work anymore.
Press "Insert" button to add <insnodes after each <br>.
Now press "Delete" - only even <insare being removed.
ins.length is reported properly, each <inshas "insert" class name.
What a...?
<html
><headcontent="text/html; charset=iso-8859-1"
<title>Demo</title
<meta http-equiv="Content-Type"
><style>..insert {
background-color: #FFFF00;
color: #FF0000;
text-decoration: none;
padding-left: 2px;
padding-right: 2px;
}
</style
><script>function ins() {
var br = document.body.getElementsByTagName('br');
var ms = document.createElement('ins');
ms.appendChild(document.createTextNode('Message')) ;
ms.className = 'insert';
for (var i=0; i<br.length; i++) {
br[i].parentNode.insertBefore(ms.cloneNode(true),
br[i].nextSibling);
}
}
function del() {
var ins = document.body.getElementsByTagName('ins');
for (var i=0; i<ins.length; i++) {
if (ins[i].className == 'insert') {
alert( ins[i].parentNode.removeChild(ins[i]) );
}
}
}
</script
></head
><body
><p>Demo <brtext</p
><p>Demo <brtext</p
><p>Demo <brtext</p
><p>Demo <brtext</p
><p><button type="button" onclick="ins()">Insert</button><button type="button" onclick="del()">Delete</button></p
></body
</html>