Heim > Web-Frontend > js-Tutorial > Hauptteil

js-Implementierungsmethode zum Hinzufügen von Ereignissen zu einem Tag (unter Verwendung einer Abschlussschleife)

高洛峰
Freigeben: 2017-01-20 13:05:46
Original
1410 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Methode zum Hinzufügen von Ereignissen zum a-Tag in js. Geben Sie es als Referenz an alle weiter. Die Details lauten wie folgt:

Erklären Sie es anhand eines Beispiels:

Erzielen Sie den Effekt: Schleife zum Hinzufügen von Ereignissen zum Tag „a“ mit der Stilklasse „ml-praise“, und nach dem Klicken auf das Tag a erhöht sich die entsprechende Menge um 1.

Die HTML-Struktur lautet wie folgt:

<ul>
    <li><a href="javascript:;" class="ml-praise">数量:<span class="ding-num">100</span></a></li>
    <li><a href="javascript:;" class="ml-praise">数量:<span class="ding-num">200</span></a></li>
    <li><a href="javascript:;" class="ml-praise">数量:<span class="ding-num">300</span></a></li>
    <li><a href="javascript:;" class="ml-praise">数量:<span class="ding-num">400</span></a></li>
</ul>
Nach dem Login kopieren

JS-Implementierungscode:

function addPraiseNum() {
  var praiseObjs = document.getElementsByClassName(&#39;ml-praise&#39;);
  for (var i = 0; i < praiseObjs.length; i++) {
 var praiseObj = praiseObjs[i];
 praiseObj.onclick = (function (dingObj) {
   return function () {
 dingObj.innerHTML = parseInt(dingObj.innerHTML) + 1;
   };
 })(praiseObj.getElementsByClassName(&#39;ding-num&#39;)[0]);
  }
}
Nach dem Login kopieren

Der Implementierungseffekt ist wie folgt:

js-Implementierungsmethode zum Hinzufügen von Ereignissen zu einem Tag (unter Verwendung einer Abschlussschleife)

Ich hoffe, dass dieser Artikel für alle in der JavaScript-Programmierung hilfreich sein wird.

Weitere js-Methoden zum Hinzufügen von Ereignissen zum a-Tag (unter Verwendung von Abschlussschleifen) finden Sie auf der chinesischen PHP-Website für verwandte Artikel!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage