时间戳

首页 > 解决方案 > 用其他按钮替换所有按钮

javascript - 用其他按钮替换所有按钮

问题描述

我想要一个香草JS脚本，它用另一个按钮替换用类选择的所有按钮，另一个按钮也由类选择。

想法是，当我按下替换按钮时，所有具有“红色”类的“123”按钮将被替换为具有“456”类“蓝色”按钮的按钮（理想情况下替换是可切换的）。

我真的需要更换按钮，而不仅仅是切换类。

任何想法？

<html>
<body>

<button class="red">123</button>
<button class="red">123</button>
<button class="red">123</button>

<br>
<br>

<button class="blue">456</button>

<br>
<br>

<button onclick="replace">Replace</button>


</body>
</html>

标签： javascriptbuttonreplace

解决方案

尝试这个：

function replace() {
  [...document.getElementsByClassName("red")].forEach(function(el) {
    el.outerHTML = document.getElementsByClassName("blue")[0].outerHTML
  })
}
<html>

<body>
  <button class="red">123</button>
  <button class="red">123</button>
  <button class="red">123</button>
  <br>
  <br>
  <button class="blue">456</button>
  <br>
  <br>
  <button onclick="replace()">Replace</button>
</body>

</html>

推荐阅读