nullのときのhref getElementByIdでのJavascriptエラー

Question

設定されている場合にユーザーがhrefを変更できるようにするポップアップがあります。設定されていない場合は、フィールドタイトルとして「オプションのWebリンク」を表示します。しかし、hrefがnullの「if」行でJavaScriptエラーが発生しています。どうやってhrefを取得したり、エラーを起こさずにテストしたりできますか？このアプリケーションでは、hrefがnullになるので、何とか処理するためにスクリプトが必要です。

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

Answer 1

getElementByIdの戻り値がtrueの値で、そのプロパティにアクセスしようとするかどうかをテストします。

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