javascript - 如何更改输入中多个元素的位置

我正在尝试将输入元素的负值中具有相同id的5个元素的left参数修改为百分比。实际上，我希望当输入值更改时，5个元素的左参数等于输入值，但为负数并且以百分比表示。

var x = document.getElementById-("input");
   function myFunction() {
      document.getElementById('slide').style.left = x ;
     }

<div class="exemple">
      <img id="slide" src="example">
      <img id="slide" src="example">
      <img id="slide" src="example">
      <img id="slide" src="example">
      <img id="slide" src="example">
   </div>
   <input id="inupt" onchange = "myFunction()">


</div>

最佳答案

哇，您的代码确实很麻烦。请下次看您的错字！
这应该可以完成工作，我不知道您到底要做什么，但是id建议您对滑块使用框架。

function myFunction() {
  var slides = document.getElementsByClassName("slide");

  var x = document.getElementById("input").value;
  Array.prototype.forEach.call(slides, function(el) {

    el.style.left = "" + x + "px";
  });
}

.slide {
  position: relative;
}

<div class="exemple">
  <img class="slide" src="example">
  <img class="slide" src="example">
  <img class="slide" src="example">
  <img class="slide" src="example">
  <img class="slide" src="example">
</div>
<input id="input" onchange="myFunction()">

关于javascript - 如何更改输入中多个元素的位置，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58047932/