アンカー要素の作成javascript

Question

createElement（）を使用してアンカー要素を作成しました（chromeとfirefoxの両方の開発者ツールで）、要素をコンソールに表示しようとすると空白になります。 div要素の作成で同じことをしようとすると、コンソールに表示された要素が正しく表示されます。以下は実際のコードと出力です。これの理由は何ですか？アンカー要素は、[object HTMLAnchorElement]として出力してはいけませんか？

コード：クローム開発ツールのコンソールで

var anchor = document.createElement(‘a’) 
console.log(‘anchor: ‘ + anchor) 

出力 ：

コード：

var div = document.createElement('div') 
console.log(‘div: ‘ + div) 

出力 div：[オブジェクトHTMLDivElement]

Answer 1

アンカーはコンソールが間違っているだけです。

文字列をオブジェクトに連結し、anchor.toString()は空の文字列を返しますが、DIVの場合は[object HTMLDivElement]を返します。

だけ別々

var anchor = document.createElement('a') 
console.log('anchor: ') 
console.log(anchor) 

または

var anchor = document.createElement('a') 
console.log('anchor:', anchor) 

区切り文字としてカンマを使用し、それらを記録し、あなたがオブジェクトとしてオブジェクトをログに記録しますいずれか、正しくコンソールを使用し、それを解決するために、文字列ではありません