Question

开始工作

<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中正确设置

Answer 1

你的代码很好，你只需要改变jsfiddle加载js代码的方式。点击“javascript”按钮并选择“加载类型”为“无包裹 - <body>”

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

非常基本的Javascript：更改HTML ID

1 个答案: