非常基本的Javascript:更改HTML ID

Very Basic Javascript: Change HTML ID

本文关键字：更改 HTML ID Javascript 非常      更新时间：2024-02-16

我似乎无法将其用于：https://jsfiddle.net/xc6htkn4/4/

<body>
  <p id="one">One</p>
  <p id="two">Two</p>
  <p id="three">Three</p>
  <p id="four">Four</p>
  <p>
    <button onclick="changeId()">Try it</button>
  </p>  
</body>
#one {
  color: red;
}
#two {
  color: blue;
}
function changeId() {
  var el = document.getElementById('one');
  el.id = 'two';
}

代码出了什么问题？这似乎是正确的。我只是想更改点击事件的id。

谢谢！

编辑：我的设置没有在jsfiddle 中正确设置

您的代码很好，只需要更改jsfiddle加载js代码的方式。点击"javascript"按钮，选择"加载类型"为"无包裹<body>"

工作示例：https://jsfiddle.net/xc6htkn4/5/

相关文章：