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>
JS-Implementierungscode:
function addPraiseNum() { var praiseObjs = document.getElementsByClassName('ml-praise'); 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('ding-num')[0]); } }
Der Implementierungseffekt ist wie folgt:
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!