Simple JavaScript bind onClick using array? -
यहां मेरा जेएस कोड है:
var myArray = ["id1", "id2" , "आईडी 3"]; Var कंटेनर = document.getElementById ('कंटेनर'); MyArray.forEach (फ़ंक्शन (आईडी) {कंटेनर। निर्माता एचटीएमएल = कंटेनर वीनर एचटीएमएल + "एआरआर = \" "+ आईडी +" \ "& gt;" + आईडी + "& lt; / ए & gt;"}); मैं 3 बार कोड को दोहराने के बजाय, एक ऐरे का उपयोग कर प्रत्येक लिंक पर एक onClick ईवेंट हैंडलर को बाइंड करना चाहता हूं?
मैं सुझाव देता हूं:
फ़ंक्शन फ़ंक्शन टॉकल (evt) {console.log ('आपने तत्व के साथ आईडी पर क्लिक किया है' '' + यह .id + '' '); } " // एक खाली चर प्रारंभिक: temp; MyArray.forEach (कार्य (आईडी) {// बनाई गई 'ए' तत्व की प्रतिलिपि टेम्पैन = link.cloneNode (); // इसे एक href विशेषता निर्दिष्ट: temp.href = '#' + id; // एक आईडी दे रही है: Temp.id = 'link_' + id; // उस प्रतिलिपि 'ए' तत्व के लिए टेक्स्टनोड जोड़ना: temp.appendChild (document.createTextNode (id)); // इवेंट-हैंडलर निर्दिष्ट करना (संभालने आप एक क्लिक-हैंडलर चाहते थे ): temp.addEventListener ('क्लिक', फ़ंक्शनटॉकल); // कंटेनर नोड में प्रतिलिपि 'ए' तत्व को जोड़ना: कंटेनर.एपेंडबल्ड (अस्थायी);}); ।
Comments
Post a Comment