javascript - anchor 元素创建javascript

Question

我使用 createElement() 创建了一个 anchor 元素(在 chrome 和 firefox 开发者工具中)，当我尝试在控制台中显示该元素时，我发现它是空白的。当尝试创建 div 元素时，我可以看到该元素正确显示在控制台中。下面是实际的代码和输出。这是什么原因？ anchor 元素不应该输出为:[object HTMLAnchorElement] 吗？

代码:在chrome开发者工具的控制台

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

输出一个:

代码:

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

输出div: [对象 HTMLDivElement]

Answer 1

anchor 在那里，你只是错误地使用了控制台。

您将一个字符串与一个对象连接起来，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)

并且您会将对象记录为对象，而不是字符串