首页 > 解决方案 > 将对象文字链接到 HTML 地址

问题描述

好的,这是我的问题陈述:我正在尝试使用这些属性创建一个对象,{"name":"John Doe","email":"name@domain.com"}并且我正在尝试通过访问对象的属性来打印出指向该电子邮件地址的 HTML 链接。

到目前为止,这是我的对象:

var firstObject = {
  name: 'John Doe' ,
  email: 'name@domain.com'
};
console.log(firstObject);

我希望我的 console.log 输出是通过访问像这样的对象打印出 href 链接的东西:

"<a href="mailto:name@domain.com">John Doe</a>"

标签: javascripthtml

解决方案


如果你想在 javascript 中构建元素然后记录它,我会这样做:

var element = '<a href="mailto:' + firstObject["email"] + '">' + firstObject["name"] + '</a>'
console.log(element)

推荐阅读