改变“id=”的值使用 document.getElementById

Question

这是正确的方法吗？

<a id="load" href="#" class="btn load" onclick="request(this); $('#load').fadeOut(2000)">add</a>

<a href="#" id="test" onClick="alert( 'TEST!' )">here</a>

<script language="javascript">
var requests = 2;

function request(self)
{if(self.href != "#")
requests -= 1;

if(requests === 0)
document.getElementById("test").id= "nextstep";}
</script>

如果请求 = 0，我希望 id="test" 更改为 id="nextstep"。

Answer 1

你可以尝试：

document.getElementById('test').setAttribute('id', 'nextstep');

Answer 2

这正是您要做的事情，只要您将其包装在脚本标记中...

<script language="javascript" type="text/javascript">
if(requests === 0){
    document.getElementById('test').id = "nextstep";
}
</script>

如果您尝试通过单击该锚点来触发此操作，那么您可以使用：

<script language="javascript" type="text/javascript">
function changeID(){
    if(requests === 0){
        document.getElementById('test').id = "nextstep";
        alert('TEST!');
    }
}
</script>

<a href="#" id="test" onclick="changeID()">Test</a>

编辑：< /strong> 那么，在我发布此内容后，您更改了问题的内容......

Answer 3

您需要使用“setAttribute”来更改锚标记的ID。

你已经得到了 getElementById('test') 部分，但只需抛出“.setAttribute('id','nextstep');”

希望有帮助！

Answer 4

if(self.href != "#")

这就是你的问题。链接 href 由浏览器规范化，因此页面 'http://www.example.com/ 上的链接 '#' ' 的 href 属性为 'http://www.example.com/# ' 并且与条件不匹配。

避免使用名称“self”，因为它与全局对象（也称为“窗口”）的名称冲突。您可以通过从 JavaScript 分配处理程序来避免笨拙地传入“self”：

document.getElementById('load').onclick= request;

而不是 onclick 属性，然后您可以在 request() 中使用“this”。 request() 还应该返回 false; 以停止跟踪链接（使浏览器滚动到顶部）。更好的是使用 （或 ），因为它是一个操作按钮，而不是您需要的链接。可以在新窗口或书签中打开。 （您始终可以使用 CSS 使其看起来不像按钮。）

不要对 HTML 使用 setAttribute()，它在 IE 中存在与此用法无关的问题。设置 element.id 已经很好了。

但无论如何，这一切似乎都是一种很奇怪的方式来实现你想做的事情。