javascript - anchor 元素创建javascript

标签 javascript html

我使用 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]

最佳答案

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)

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

关于javascript - anchor 元素创建javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39925855/

相关文章:

javascript - 当抓取使用 Javascript(或许还有其他东西)的网页时

javascript - 将数据从指令传递到父范围 Controller

c# - anchor 中 "title"属性的格式/安全字符串

javascript - 固定在浏览器底部的元素,直到它到达 div 的底部

javascript - 优化jQuery代码逻辑

html - aria-expanded 仅用于 "click"交互,还是也可以用于 "focus"?

javascript - 单击菜单导航动画到该部分

javascript - Onkeypress 函数返回空格而不是字母

javascript - Haskell Webviewhs 文本字段并返回到 Haskell

javascript - 如何为 'string' JavaScript 设置颜色