javascript - 如何操作 element.title？

Question

我正在尝试在显示基础 URL 的页面上创建每个超链接的工具提示。另外，我想显示更多信息，例如文本或小的 HTML 弹出窗口。

这是我的 javascript 代码 - 它从页面中获取所有 URL，交替显示“hello”或“world”以及 URL 和主机域，如工具提示

我希望能够添加一个小的 HTML 作为弹出窗口并更改字体、颜色和换行符。请指教。

var hyperLinks = document.getElementsByTagName('a');
console.log(hyperLinks.length);

for (i = 0; i < hyperLinks.length; i++) {
  if (i % 2 == 0) {
    hyperLinks[i].title = "hello " + hyperLinks[i] + " " + window.location.hostname;
  } else {
    hyperLinks[i].title = "world " + hyperLinks[i] + " " + window.location.hostname;
  }

}

<a href="#">Link 1</a><br/>
<a href="#">Link 2</a><br/>
<a href="#">Link 3</a><br/>
<a href="#">Link 4</a><br/>

标签： javascripthtmlcss