Question

我正在打印与帖子相关的标签，结果如下所示：

function getTag(){
  
  return "browse posts related to" + this.innerHTML;

}

span, a{
  background: red; 
  color: #fff; 
  margin: 3px; 
  padding: 1px;
  text-decoration: none;
}

Tags: <span title= 'getTag()'>
<a href="#"> food </a>
</span>

<span title= 'getTag()'>
<a href="#"> recipe </a>
</span>

<span title= 'getTag()'>
<a href="#"> drink </a>
</span>

我已尝试将函数getTag()传递给属性title，但无效。

如何使用JavaScript获取每个span元素的文本内容，并将文本内容传递给每个title元素的span属性。

我想使用JavaScript来实现这一目标。

Answer 1

不使用任何库，您需要使用DOM。将脚本元素放在页面底部。

<script>
var spans = document.querySelectorAll('span');

for (var i = 0; i < spans.length; i++) {
  spans[i].title = 'browse posts related to ' + spans[i].innerHTML;
}
</script>

脚本很容易理解。您告诉浏览器获取所有span元素并将其存储在名为spans的变量中。在下一步中，您可以循环遍历每个跨度并操纵它们的属性。

将函数传递给工具提示

1 个答案: