Such thing as web page JS object browser?

He has: 6 posts

Joined: Dec 2003

I'm doing my first conversion of an HTML page from multi-nested tables (for content-positioning) to CSS. I have only a novice-level knowledge of JavaScript, and cut my JS teeth while building these pages. When I did the first change to CSS, some of the JavaScript didn't work any more, because form objects like input fields and buttons that used to have a simple single-level "parentage" are now nested in levels of s. I've tried trial-and-error (all error so far) object name changes, but nothing's worked. What I need is software that'll look at the HTML and list all the form objects with the correct parentage. Any suggestions? Thanks.

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

I think you're asking for a DOM inspector of some nature. Try the one that comes with Firefox. Tell us if that's what you're looking for.

Selecting nested object should be no problem no matter who their parent is, if you use proper selectors like getElementById. Wink

He has: 6 posts

Joined: Dec 2003

Thanks. I took your advice & installed FireFox. I'm now using their DOM inspector. Their included JavaScript console is also proving very helpful. I'm glad that you mentioned the getElementById method, because that pointed me in the right direction. Thanks again.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.