मैं सभी सूची वस्तुओं की पृष्ठभूमि बदलना चाहता हूं। मेरे पास यह है लेकिन यह काम नहीं करता है।

// Get all <li> elements in the document
var x = document.querySelectorAll("li"); 

for (let i = 0; < x.length; i++;) {

x[i].style.backgroundColor = "red"; 
}
4
verlager 2 अप्रैल 2018, 03:29

2 जवाब

टाइप करते समय त्रुटि:

for (let i = 0; < x.length; i++;) को for (let i = 0; i < x.length; i++) से बदलें

एक और टाइपो: ; के बाद i++

आपका जेएस सही है, इसमें सिर्फ एक टाइपो है।

var x = document.querySelectorAll("li");

for (let i = 0; i < x.length; i++) {
  x[i].style.backgroundColor = "red";
}
li {
  color: white;
  text-align: center;
  border: 1px solid white;
  font-weight: 900;
}
<ul>
  <li>YOUR</li>
  <li>JAVASCRIPT</li>
  <li>IS</li>
  <li>WORKING</li>
</ul>
5
Dhaval Jardosh 2 अप्रैल 2018, 01:20

आप इसे आसान बनाने के लिए प्रत्येक लूप का उपयोग करके कोड को दोबारा कर सकते हैं।

let x = document.querySelector("li");
x.forEach(function(listElement){
this.style.background = "red";
]);

ऐसा करने का सबसे आसान गैर-jquery तरीका है। इसे इस तरह चित्रित करें, प्रत्येक लूप के लिए, मूल रूप से यह कह रहा है: "ठीक है, इसलिए प्रत्येक सूची तत्व के लिए, मैं चाहता हूं कि पृष्ठभूमि लाल हो"।

आशा है कि इससे मदद मिली, - सामीक

0
Sami 2 अप्रैल 2018, 01:23