Comments on: DOM JavaScript Cheat Sheet

By: E

Tue, 22 Jul 2008 17:36:20 +0000

Thanks for posting this. Just what I was looking for.

By: Andrew Hedges

Andrew Hedges — Thu, 26 Jun 2008 01:56:06 +0000

@trevor, Using [set/get]Attribute makes your code look a lot like Java, which it’s not. It’s JavaScript, so use the features of the language that make it expressive and clean, like direct assignment to properties.

By: Dennis

Dennis — Fri, 06 Jul 2007 16:59:59 +0000

Thanks for this Chris. I found it useful. An idea for an enhancement…you can put some simple functions on the back/2nd page…

By: Chris Heilmann

Chris Heilmann — Thu, 28 Jun 2007 17:57:31 +0000

goetsu: I use this


function cleanChildNodes(id){
  // get the element with the id provided
  var x = document.getElementById(id);
  // test if the element exists
  if(x){
    // regular Expression testing if a string is only whitespace
    var reg = /s*/mg;
    // loop over all childNodes of the element
    for(var i=0;x.childNodes[i];i++){
      // if the current item only consists of whitespace...
      var current = x.childNodes[i];
      if(reg.test(current.nodeValue)){
      // ... remove it
        current.parentNode.removeChild(current);
      }
      // there is no need to check for the node type
      // as element nodes have a nodeValue of null
    }
  }
}

By: goetsu

goetsu — Thu, 28 Jun 2007 08:38:47 +0000

I have question about this :
Real DOM compliant browsers will return linebreaks as text nodes in the childNodes collection, make sure to either remove them.

Is there an easy way to do that with a DOM method, i am looking how to do it with jquery too and YUI too