Question

I am writing up some code in Javascript/JQuery that involves some confusing DOM operations, or at least they are to me because I’m relatively inexperienced.

I try to help myself by doing a couple of console.log()s, but the thing is if you just log a DOM element you get useless information, mostly it’s object Object.

I was wondering what the most usefull generic attributes of a HTML element are so that I could easily follow what the script is doing?

Answer 1

I was wondering what the most usefull generic attributes of a HTML element are so that I could easily follow what the script is doing?

Don’t use logging for debugging. Use a debugger for debugging. Even IE (8 and up) has a debugger built in. If you want to know what the code is doing, there’s nothing that substitutes for stepping through the code in the debugger and examining your various variables and such as you go.

But answering your specific question, I’d say I’d want to see the DOM element’s tagName, className (e.g, class[es]), and id (if any).