-
Notifications
You must be signed in to change notification settings - Fork 0
/
dom_eleman_crud.js
36 lines (24 loc) · 1.04 KB
/
dom_eleman_crud.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
const yeniListeELemani = document.createElement('li');
yeniListeELemani.className = 'liste-item';
yeniListeELemani.textContent = 'Yozgat';
yeniListeELemani.id = 'yeni-id';
yeniListeELemani.setAttribute('deger', 'yeni-deger');
document.querySelector('ul').appendChild(yeniListeELemani);
console.log(yeniListeELemani);
// replace
const yeniKucukBaslik = document.createElement('h6');
yeniKucukBaslik.id = 'h6ID';
yeniKucukBaslik.textContent = 'Yeni Başlık';
const eskiBaslik = document.querySelector('h2');
const baslikParent = document.querySelector('body');
baslikParent.replaceChild(yeniKucukBaslik,eskiBaslik);
console.log(yeniKucukBaslik);
// remove
/*const listeItem = document.querySelector('li');
listeItem.remove();*/
//document.querySelector('ul').remove();
document.querySelector('ul').removeChild(document.querySelectorAll('li')[3]);
const textBolumu = document.querySelector('input');
document.querySelector('form').removeChild(textBolumu);
document.querySelector('form').removeChild(document.querySelector('input'));
//console.log(listeItem);