Javascript Error: Cannot Convert Object to Primitive Value

Question

I'm receiving this error using the following javascript code:

function tempTest(evt) {
    alert(evt.currentTarget.id);
    ct = document.getElementById(evt.currentTarget.id);
    rslt = document.getElementById('rslt');
    var props;
    for (var prop in ct) {
        if (ct.hasOwnProperty(prop)) {
            propVal = ct[prop];
            var propDat = prop + ' = ' + propVal;
            props += propDat + '<br/>';
        }
    }
    rslt.innerHTML = props;
}

This one has me puzzled. Any ideas?

Same error if I phrase it as: var propDat = prop + ' = ' + ct[prop]; and ditch propVal. — Eric
– Eric, Commented Jul 12, 2011 at 16:12
I'm trying to iterate through the property of the element in question. In this case, it's an <a> element, but I'll eventually be using this for divs, etc. — Eric
– Eric, Commented Jul 12, 2011 at 16:14

Itay Moav -Malimovka · Accepted Answer · 2011-07-12 16:13:11Z

9

Not all the properties of a HTML element are primitives. for example, parent, childs etc are also HTML elements. You can't just use them as strings or numbers.
You need to add there a condition and use that property accordingly.

answered Jul 12, 2011 at 16:13

Itay Moav -Malimovka

53.8k68 gold badges198 silver badges292 bronze badges

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

1 Comment

Eric Over a year ago

Thanks. I was able to add a condition to check for string values and act on that. This is sufficient for what I'm doing with this snippet.

Glen Pierce · Accepted Answer · 2017-05-25 15:28:54Z

5

If the object in question is json, you can call JSON.stringify(thingThatIsJson) which will return a String. .toString() does not work on json.

This is a message to those of you dealing with something like req.body which will work in console.log() which is rather confusing since it may not otherwise behave like a String (like when you're trying to add it to another String).

answered May 25, 2017 at 15:28

Glen Pierce

4,9315 gold badges37 silver badges54 bronze badges

Comments

Eliran Malka · Accepted Answer · 2016-12-01 12:01:04Z

(The OP:)

Just wanted to post the updated snippet for anyone who stumbles onto this post...

function tempTest(evt) {
    alert(evt.currentTarget.id);
    ct = document.getElementById(evt.currentTarget.id);
    rslt = document.getElementById('rslt');
    var props;
    for (var prop in ct) {
        if (ct.hasOwnProperty(prop)) {
            var propVal = ct[prop];
            props += prop + ' (' + typeof(prop) + ')' + ' = ';
            if (typeof(ct[prop]) == 'string') {
                propVal += ct[prop];
            } else {
                if (propVal != null && propVal.toString) {
                    props += propVal.toString();
                } else {}
            }
            props += '<br/>';
        }
    }
    rslt.innerHTML = props;
}

Ankit · Accepted Answer · 2011-07-12 16:17:24Z

1

The problem lies with the propVal part of your code. Since that may not be converted into a string.

answered Jul 12, 2011 at 16:17

Ankit

4232 silver badges12 bronze badges

Collectives™ on Stack Overflow

Javascript Error: Cannot Convert Object to Primitive Value

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related