मैं प्रतिशत के रूप में इनपुट तत्व के नकारात्मक मान में समान आईडी वाले 5 तत्वों के बाएं पैरामीटर को संशोधित करने का प्रयास कर रहा हूं। व्यवहार में मैं चाहता हूं कि जब इनपुट मान बदलता है, तो 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>
2
Marco Molinari 22 सितंबर 2019, 12:33

3 जवाब

सबसे बढ़िया उत्तर

वाह, आपका कोड वास्तव में काफी परेशानी वाला था। कृपया अगली बार अपने टाइपो को देखें! यह काम करना चाहिए, मुझे नहीं पता कि आप वास्तव में क्या कर रहे हैं, लेकिन आईडी आपको स्लाइडर के लिए ढांचे का उपयोग करने की सलाह देती है।

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()">
1
Niklas 22 सितंबर 2019, 09:51

मुझे लगता है कि आप यही हासिल करना चाहते थे -

<div class="example">
      <img class="slide" src="https://404store.com/2018/09/01/random-small-images43.png">
      <img class="slide" src="https://404store.com/2018/09/01/random-small-images43.png">
      <img class="slide" src="https://404store.com/2018/09/01/random-small-images43.png">
      <img class="slide" src="https://404store.com/2018/09/01/random-small-images43.png">
      <img class="slide" src="https://404store.com/2018/09/01/random-small-images43.png">
   </div>
   <input id="input" onchange = "myFunction(this)">
</div>

<script>
var myFunction=function(inputElement) {
  let x=inputElement.value;
  let imgElements=document.getElementsByClassName('slide');
  Array.prototype.forEach.call(document.getElementsByClassName('slide'),(imgEle)=> {
    console.log(imgEle);
    imgEle.style.left=x+'px';
  })

}
</script>
0
Nithin Kumar Biliya 22 सितंबर 2019, 10:02
  1. आपके पास एक ही आईडी के साथ एक से अधिक तत्व नहीं हो सकते हैं - यह समझ में आता है कि आईडी अद्वितीय हैं।
  2. यदि आप अधिक हेरफेर करना चाहते हैं तो एक तत्व आप वर्ग विशेषता का उपयोग कर सकते हैं।

मुझे लगता है कि आप इस तरह कुछ हासिल करना चाहते हैं (जेएस में टिप्पणी जोड़ने के लिए व्याख्या करने के लिए):

function myFunction() { // when the input value changes
var x = document.getElementsByClassName('slide'); // this is the images with the class instead of id
var y = document.getElementById('demo').value; // this will take the current value of the input
  for (var i=0; i < x.length; i++) { // this will illitrate all images with the class slide
    x[i].style.left = y+'px'; // this will move all of them left
  }
}
img {width: 100px; height: 100px; border: 1px solid black; position: relative;}
<div>
  <img class="slide" />
  <img class="slide" />
  <img class="slide" />
  <img class="slide" />
  <img class="slide" />
</div>
<input type="number" id="demo" onchange="myFunction()" value="0">
0
A. Meshu 22 सितंबर 2019, 09:56