W3C Validation Errors with this Javascript snippet

Question

I'm getting w3c validation errors with this Javascript code and wonder if a kind gent/lady would spare me a moment to take a gander.

// hide all element nodes within some parent element
function hideAll(parent) {
    var children = parent.childNodes, child;
    // loop all the parent's children
    for (var idx=0, len = children.length; idx<len; ++idx) { /* ERROR HERE */
        child = children.item(idx);
        // if element node (not comment- or textnode)
        if (child.nodeType===1) {
            // hide it
            child.style.display = 'none';
        }
    }
}

The Errors are:

element "len" undefined
character ";" not allowed in attribute specification list

The semi-colon at idx<len; is where it goes wrong.

Can someone explain where I'm going wrong with the above code snippet?

Many thanks.

Rich Bradshaw · Accepted Answer · 2012-04-26 10:04:28Z

1

Change it to:

// hide all element nodes within some parent element
function hideAll(parent) {
    var children = parent.childNodes, child;
    // loop all the parent's children
    var len = children.length;
    for (var idx=0; idx<len; ++idx) { /* ERROR HERE */
        child = children.item(idx);
        // if element node (not comment- or textnode)
        if (child.nodeType===1) {
            // hide it
            child.style.display = 'none';
        }
    }
}

answered Apr 26, 2012 at 10:04

Rich Bradshaw

73.3k46 gold badges190 silver badges241 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

michaelmcgurk Over a year ago

Thanks, Rick. However, I'm still getting the exact same validation errors.

michaelmcgurk Over a year ago

Validation highlights the semi-colon here: idx<len;

michaelmcgurk Over a year ago

I've moved it out of my HTML which fixes it. It was just in case it was a known issue.

Karthi Shan · Accepted Answer · 2012-04-26 10:11:16Z

1

          **// hide all element nodes within some parent element



             function hideAll(parent) 
             {
                var children = parent.childNodes, child;

                // loop all the parent's children
                var len=children.length;

                 for (var idx=0; idx<len; ++idx) 
                 { /* ERROR HERE */

                   child = children.item(idx);

                    // if element node (not comment- or textnode)

                     if (child.nodeType===1) 
                     {
                         // hide it
                         child.style.display = 'none';
                     }
                } 
         }**

answered Apr 26, 2012 at 10:11

Karthi Shan

719 bronze badges

Collectives™ on Stack Overflow

W3C Validation Errors with this Javascript snippet

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related