javascript - 非常基本的 JavaScript : Change HTML ID

标签 javascript

我似乎无法让它在以下位置工作: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”按钮并选择“加载类型”为“Nowrapper - in <body>

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

关于javascript - 非常基本的 JavaScript : Change HTML ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36462992/

相关文章:

javascript - 隐藏一个元素和它的空间并通知应用程序以便它使用 React 显示其他内容

javascript - Ajax 函数成功时显示消息

javascript - 输入值未显示(AngularJS)

javascript - 如何更改HTML5音频中的播放/按钮图像

javascript - Angular ng-repeat 和连续图像

javascript - ES6 在类中使用 this 进行解构

javascript - JSON 未正确发布

javascript - v-绑定(bind) :checked not working in all component instances

javascript - 不使用 FileSystem API 搜索子文件夹中所有服务器端文件中的元数据

javascript - 创建一个 Ahead-of-Time (AOT) 编译库供 Angular 应用程序使用