如何更改<；a>；使用javascript

当我点击“显示详细信息”链接时，它应该变为“隐藏详细信息”。我尝试了以下代码，但不起作用：

out.print("<a href=\"javascript:parent.showHideDetails('"+id+"',this);\">show details</a>");

function showHideDetails(id,obj) {
    try
    {

        alert(obj.innerText);
        obj.innerText = 'hide details';
    }
    catch (err)
    {
        alert(err);
    }

}

out.print（“”）；
函数showHideDetails（id，obj）{
尝试
{
警报（对象innerText）；
obj.innerText='隐藏详细信息'；
}
捕捉（错误）
{
警惕（err）；
}
}

InnerText是一种在不同浏览器中命名不同的浏览器挑剔的文本。如果您刚刚开始使用javascript，我建议您使用如下框架，因为调用以下函数要简单得多：

$('#linkID').text('show');   

---

然后正确设置每个浏览器变量。该框架为您提供了所有这些功能。

您问题中的详细信息很少。以下是一些可能性：

从内联处理程序中删除

parent.

，并将其更改为

onclick

：

"<a href=\"#\" onclick=\"javascript:showHideDetails('"+id+"',this);\">show details</a>"

---

问题是href属性中的

这个
没有指向锚点。您可以在那里传递一个标识符，并为锚元素提供与
id
属性相同的标识；然后使用document.getElementById获取锚点

例如：

out.print("<a href=\"javascript:parent.showHideDetails('"+id+"','anchor_1');\" id=\"anchor_1\">show details</a>");

function showHideDetails(id,identifier) {
    try
    {
        var obj = document.getElementById(identifier);
        alert(obj.innerText);
        obj.innerText = 'hide details';
    }
    catch (err)
    {
        alert(err);
    }
}

out.print（“”）；
函数showHideDetails（id、标识符）{
尝试
{
var obj=document.getElementById（标识符）；
警报（对象innerText）；
obj.innerText='隐藏详细信息'；
}
捕捉（错误）
{
警惕（err）；
}
}
此
将指向DOM窗口，而不是“
”；

out.print("<a href=\"javascript:parent.showHideDetails('"+id+"','anchor_1');\" id=\"anchor_1\">show details</a>");

function showHideDetails(id,identifier) {
    try
    {
        var obj = document.getElementById(identifier);
        alert(obj.innerText);
        obj.innerText = 'hide details';
    }
    catch (err)
    {
        alert(err);
    }
}

out.print("<a href=\"#\" onclick=\"showHideDetails('"+id+"',this);\">
show details</a>");