javascript - 如何使用 JavaScript 更改 <a> 标签中的 title 属性?

标签 javascript html dom

我有一个 html 标签,因为最初我想要工具提示名称,如“title”属性中提到的那样。单击链接后,我想要不同的工具提示名称。我使用了下面的代码,但它不起作用。谁能帮帮我吗?

<html>
<head>
<script>

function tool(){
document.getElementsByName(link).title = "after click";
}

</script>
</head>
<body>
    <a href="javascript:tool()" name ="link" title="before click">click here</a>
</body>
</html>

最佳答案

我假设这只是您想要执行的操作的一个简化示例,因为更改链接 onclick 可以内联完成:

 <a href="#" onclick="this.title='after click'" title="before click">...</a>

无论哪种方式,最好的方法是完全避免进行任何查找。只需将对您的链接的引用作为参数传递给您的函数:

<script>
  function tool(link) {
    link.title = 'after click';
  }
</script>
<a href="#" onclick="tool(this)" title="before click">...</a>

当然,正如 Grant 所建议的,您也可以将标题值传递给该函数,但是您最好直接执行内联版本并跳过该函数。

关于javascript - 如何使用 JavaScript 更改 <a> 标签中的 title 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/897541/

相关文章:

javascript - 如果帖子 ID 等于 action.payload,则增加点赞数

c# - 如何在运行时生成 HTML 并根据 .ASP.Net 中的主机 header 和查找表控制图像

javascript - 使用 Javascript 将禁用属性添加到 DataList 中的按钮?

html - 在移动 View 中更改导航栏的位置

javascript - 如何为 SVG 元素创建样式表?

javascript - iPad JS 上的闪存

javascript - 如何使用kafka-node从主题读取数据?

javascript - 使用 D3.js 将数据解析为 Javascript 数组

performance - CSS3 过渡或高内存对象是否有可能影响 Chrome 中的滚动平滑度?

javascript - 为什么在分配给 textContent 时回车不呈现为换行符,尽管使用 pre 进行了格式化?