Question

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

代码： 在chrome开发人员工具的控制台中

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

输出 a：

代码：

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

输出 div：[object 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)

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

锚元素创建javascript

1 个答案: