Modificare atribute HTML la clic

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
Stefan
Mesaje: 97

Modificare atribute HTML la clic

Salut,
Lucrez la un script de listare a fisierelor de pe server, dar in momentul actual nu este prea eficient deoarece pentru fiecare fisier/director sunt niste optiuni (exemplu stergere: imgur.com/a/NxYu4vV ).
Si codul se repeta de prea multe ori ( imgur.com/a/CKt5Gxu ) daca sunt multe fisiere.
Cum as putea face ca, codul respectiv sa apara doar o singura data si la click sa zicem sa se modifice anumite atribute din tagul html?

MarPlo
Salut
Nu stiu ce cod vrei sa nu se repete si unde sa apara o singura data; dar ca sa modifici la clic atributele unui elemen html, se foloseste functia: setAttribute('attribute', 'value').
Exemplu:

Cod: Selectaţi tot

<div id='dv_1_tst' style='background:#abcdef'>Click the button to change the 'style' attribute.</div>
<button class='btn_tst'>Click</button>
<script>
var btn_tst = document.querySelector('.btn_tst');
var dv_1_tst = document.querySelector('#dv_1_tst');
btn_tst.addEventListener('click', (e)=>{
  dv_1_tst.setAttribute('style', 'background:#abefcd; color:#e00000;');
});
</script>
Demo:
Click the button to change the 'style' attribute.

Subiecte similare