how to alert javascript object

Question

I am trying to study the jquery class, but I have a hard time debugging an object because I can\'t see the element inside of it

Answer 1

you can also try Java Script method:

 // Alert javascript object in alert box
    function alertObject(obj){      
        for(var key in obj) {
        alert('key: ' + key + '\n' + 'value: ' + obj[key]);
        if( typeof obj[key] === 'object' ) {
            alertObject(obj[key]);
        }
        }
    }

Here 'obj' is:

// your object var
var getObject = {};

// object set with key an val
getObject.swfVersionStr = '10.0';
getObject.xiSwfUrlStr = null;
getObject.flashvarsObj = {};
getObject.parObj = {allowfullscreen: "true",wmode: "window",menu: "false"};

Call like this:

alertObject(getObject );

So, simple.. :)

Answer 2

Convert your array or object to a JSON object using stringify.

Example:

var obj = { "name":"bayiha", "age":30, "city":"Eseka"};
var myJSON = JSON.stringify(obj);

alert(myJSON);

for more info clik here

Answer 3

alert(JSON.stringify(YOUR_OBJECT_HERE, null, 4));

Answer 4

If you are using Firefox then you can alert object value like below code

 alert(object.toSource());   // for you alert(ul.toSource());

That above code worked fine for me.

Answer 5

Just convert your object to a JSON object using stringfy.

alert(JSON.stringify(yourObjectVariable));

simple as pie :)

Answer 6

i recommend you use FireBug for debugging javascript. then you can just do

console.log(ui) 

and it'll log the object in a form you can expand