JavaScript 错误：无法将对象转换为原始值

Question

我使用以下 javascript 代码收到此错误：

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;
}

这让我感到困惑。有什么想法吗？

Answer 1

并非 HTML 元素的所有属性都是原语。例如，父元素、子元素等也是 HTML 元素。您不能仅将它们用作字符串或数字。
您需要添加一个条件并相应地使用该属性。

Answer 2

如果有问题的对象是 json，您可以调用 JSON.stringify(thingThatIsJson) 这将返回一个字符串。 .toString() 不适用于 json。

这是给那些处理像 req.body 这样的东西的人的一条消息，它将在 console.log() 中工作，这是相当令人困惑的，因为它可能不会表现得像字符串（就像当您尝试将其添加到另一个字符串时）。

Answer 3

（OP：）

只是想为任何偶然发现这篇文章的人发布更新的代码片段...

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;
}

Answer 4

问题出在代码的 propVal 部分。因为这可能无法转换为字符串。