Zmiana atrybutów za pomocą JavaScripta

Question

Witam, czy da się zmieniać atrybuty np w takiej tabeli:
 

<table class="tabelaPrzyklad">
 <thead>
  <tr>
   <th>Przyklad1</th>
   <th>Przyklad2</th>
  </tr>
 </thead>

Chodzi mi tutaj o dodanie id do tr za pomocą javascripta. Szukalem tego troche i nie znalazlem, a javascripta dopiero zaczynam. Bardzo by mi się to przydało.

Answer 1

Pobierasz se element i masz dwie możliwości:

• większość atrybutów można też dodać jako własności elementów, np. element.id = 'noweId'
• w DOM od tego jest metoda setAttribute, np. element.setAttribute( 'id', 'noweId' )

Comments

Dzięki wielkie! Teraz mam jeszcze takie pytanie mam mniej więcej taki kod:
 

<table class="tabelaPrzyklad">
 <thead>
  <tr id="Przyklad">
   <th>Przyklad1</th>
   <th>Przyklad2</th>
  </tr>
 </thead>

I teraz chcialem dodać jedną komórkę, poszukałem trochę też jak to zrobić i znalazłem takie coś:
 

var row = document.getElementById("table");
var x = row.insertCell(0);
x.innerHTML = "New cell";

I na tej stronie (w3schools.com) faktycznie ten kod działa, ale u mnie za bardzo to nie chce działać.
PS Może powiem od razu, że ja nie piszę strony, tylko piszę skrypt do tampermonkey.

---

Bo miałeś pobrać wiersz, nie całą tabelę.

Co do W3Schools: https://forum.pasja-informatyki.pl/34559/w3schools-nie-szerzmy-falszywej-propagandy?show=34559#q34559

---

Chodzi Ci o znacznik <tr></tr>?

---

Tak, właśnie o niego.

---

No to tak zrobiłem i wywala błąd przy insertCell

---

https://jsfiddle.net/Comandeer/ggmebokz/

---

Ok, to już działa, ale jest jeszcze jedna sprawa. Wytworzone komórki robią się w <td></td>, a ja potrzebuję w <th></th>. Jak dokonać takiej przemiany?

---

W takim razie musisz pobawić się tradycyjnymi metodami DOM: document.createElement + row.appendChild