当 href getElementById 为 null 时，Javascript 错误

Question

我有一个弹出窗口，允许用户更改 href(如果设置或未设置)。如果未设置，我将显示“可选网络链接”作为字段标题。但是，我在“if”行上收到一个 JavaScript 错误，表明 href 为空。如何在不出现错误的情况下获取 href 或对其进行测试？在此应用程序中，href 有时将为空，因此我需要我的脚本以某种方式处理它。

if (document.getElementById('sidebarhref-'+id).href == '') {
    var href = document.getElementById('sidebarhref-'+id).href;
} else {
    var href = 'optional web link';
}

Answer 1

在尝试访问 getElementById 的属性之前测试其返回值是否为真值。

var element = document.getElementById('sidebarhref-'+id);
if (element && element.href === "") {
// etc