我有一个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 所建议的那样，你也可以将标题值传递给函数，但这样你最好一路使用内联版本并跳过该函数。
去掉SCRIPT元素内的BR标签，并重写工具函数为：
function tool(){
document.getElementsByName("link")[0].title = "after click";
}
使用这种方法可以使其工作。然而，这不是最优的方式。如果您将id参数分配给字段，您至少可以使用document.getElementById(..)，甚至更好的是使用像jQuery这样的库。
document.getElementById('这里输入ID').title = "点击后"; - JOB$("a#link").attr("title","after click");
document.getElementById('link').setAttribute('title', 'after click');
更正为Jason代码：
使用document.getElementById("link").title代替document.getElementsByName("link").title。
我在IE7和Firefox 3上进行了测试。
<html>
<head>
<script>
function tool(){
document.getElementById("link").title = "after click";
}
</script>
</head>
<body>
<a href="javascript:tool()" id="link" title="before click">
click here
</a>
</body>
</html>
您还可以探索这篇使用JavaScript创建漂亮工具提示的文章：http://devirtu.com/2008/08/14/how-to-make-tooltip-with-javascript/
document.getElementsByName("link").title = "after click";
document.getElementById('这里放ID').title = "点击后"; 这样的代码。 - JOB不要将JS与HTML混合使用。如果您需要更新代码，这样做会更容易 - 搜索“非侵入式JS”以更好地掌握此问题。因此，<a href="javascript:...">或<a href="#" onclick="...">是一种不良的编码实践。
不要为简单的任务使用大型JS包，如JQuery。只有在充分利用它们的功能时才能发挥其优势。
您真的需要即时执行HTML操作吗？为什么？标题工具提示对您的代码是否很重要？谁应该从中受益：最终用户还是管理员？无障碍性如何？
第一个代码块的信息：
function changeTitle1(){
// find the array of links inside the document
var a = document.getElementsByTagName('a');
// test the array against onclick event
for (var i = 0, j = a.length; i
function changeTitle2(){
// find the link
var a = document.getElementById('action_link');
// onclick event
a.onclick = function() {
try{
// change title value
this.title = 'This unique click happened as well!';
// or use setAttribute() method like this
/* this.setAttribute('title', 'This unique click happened as well!'); */
// disable default link action
return false;
}
// clear memory leaks with try-finally block
finally{a = null;}
}
}
window.onload = function() {
changeTitle1();
//changeTitle2();
}
@spiro：关于你的第二个问题，关于链接当前状态和更改它们的CSS...好吧，使用CSS :)
简短版：
<style type="text/css" media="screen">
#home #current-home a,
#contact #current-contact a,
#about #current-about a
{/* declarations to style the current state */}
</style>
</head>
<body id="home"> <!-- OR body id="contact" OR body id="about" -->
<a href="#" title="Home" class="current-home">Home</a>
<a href="#" title="Contact" class="current-contact">Contact</a>
<a href="#" title="About us" class="current-about">About us</a>
长版本：http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/ （也要读评论）
注意：如果您已经在当前页面上，是否有必要显示链接？
我会使用http://jquery.com/下载它并添加一个脚本引用
给你的a标签一个id，例如myLink
然后使用JQuery，你可以写
$(document).ready(function () {
$("#myLink").click(function(){
$("#myLink").attr("title","after click");
});
});
正如waxwing所建议的那样，最好使用getElementById()
<a id="aLink" href="http://www.bla.com" title="hello">link</a>
<script>
function tool(){
document.getElementById('aLink').title = "after click";
}
</script>
你提供的代码有两个问题：
如其名称所示，document.getElementById 是通过 ID 查找元素，而不是名称。你需要在锚点标签中提供一个 ID。将你的链接更改为 <a href="javascript:tool()" id="link" name="link" title="before click">点击这里</a>
你正在向 document.getElementById 提供名为“link”的变量内容，这个变量可能不存在。你实际上想要传递一个字面字符串，需要加引号。将该调用更改为 document.getElementById("link").title = "after click";
将所有内容组合起来，你的代码应该如下所示：
<html>
<head>
<script>
function tool(){
document.getElementById("link").title = "after click";
}
</script>
</head>
<body>
<a href="javascript:tool()" id="link" name="link" title="before click">
click here
</a>
</body>
</html>