javascript - 设置HTML中ID值的Javascript

您是否可以动态设置HTML元素的ID？即，作为一个简单示例，我可以这样做：

<a href="#" id="onOrOff()">Jazz</a>

和：

function onOrOff()
{
 document.write("someIDSetInMyCSSFile");
}

我已经尝试过了，但是它不起作用，所以只想检查我是否缺少其他地方。

谢谢。

最佳答案

更新：为此解决方案创建了jsFiddle：http://jsfiddle.net/SdvA2/3/随时尝试！

假设您的CSS引用了#coolLink（和/或#uncoolLink），则可以尝试执行以下操作：

<a href="#" id="uncoolLink" onclick="makeCool()">Jazz</a>

要动态打开coolLink id格式，可以尝试使用以下功能：

<script>
function makeCool() {
  var element = document.getElementById("uncoolLink");
  element.id ="coolLink";
}
</script>

在此处查看更多信息：https://developer.mozilla.org/en-US/docs/DOM/document.getElementById

但是，我强烈建议保持id不变，并简单地更改类（并相应地调整css）。

更进一步，我建议使用jQuery，因为这将打开无限的可能性，改变您处理事物的方式，让生活变得更加轻松，并保护您免受浏览器不兼容的困扰。

关于javascript - 设置HTML中ID值的Javascript，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13595785/