Metode getAttribute[] dari antarmuka Element mengembalikan nilai atribut tertentu pada elemen
Jika atribut yang diberikan tidak ada, nilai yang dikembalikan adalah null atau "" [string kosong];
getAttribute[attributeName]
attributeNameadalah nama atribut yang nilainya ingin Anda dapatkan
Sebuah string yang berisi nilai attributeName
Hi Champ!
// in a console
const div1 = document.getElementById['div1'];
//=> Hi Champ!
const exampleAttr = div1.getAttribute['id'];
//=> "div1"
const align = div1.getAttribute['align']
//=> null
Saat dipanggil pada elemen HTML di DOM yang ditandai sebagai dokumen HTML, getAttribute[] huruf kecil argumennya sebelum melanjutkan
Semua browser web modern mengembalikan null ketika atribut yang ditentukan tidak ada pada elemen yang ditentukan
Untuk alasan keamanan, nonce CSP dari sumber non-skrip, seperti pemilih CSS, dan panggilan
Hi Champ!
Untuk menyisipkan HTML ke dalam dokumen daripada mengganti isi elemen, gunakan metode
document.body.innerHTML = "";
Sebuah string yang berisi serialisasi HTML dari turunan elemen. Menetapkan nilai
document.body.innerHTML = "";
document.body.innerHTML = "";
document.body.innerHTML = "";
Dilemparkan jika ada upaya untuk menyetel nilai
document.body.innerHTML = "";
document.body.innerHTML = "";
document.body.innerHTML = "";
Dilemparkan jika ada upaya untuk memasukkan HTML ke dalam simpul yang induknya adalah
document.documentElement.innerHTML = `${document.documentElement.innerHTML.replace[/Item 3
Item 1
Item 2
Item 3
Item 1
Item 2
Item 3
Item 1
Item 2
Item 3
Item 1
Item 2
Item 3
Item 1
Item 2
Item 3
Menetapkan nilai
document.body.innerHTML = "";
Misalnya, kita dapat menambahkan item daftar baru [
Item 1
Item 2
Item 3
const list = document.getElementById["list"];
list.innerHTML += `Item ${list.children.length + 1}`;
HTML
Item 1
Item 2
Item 3
JavaScript
const list = document.getElementById["list"];
list.innerHTML += `Item ${list.children.length + 1}`;
Harap perhatikan bahwa menggunakan
document.body.innerHTML = "";
const list = document.getElementById["list"];
list.innerHTML += `Item ${list.children.length + 1}`;
Tidak jarang melihat
document.body.innerHTML = "";
let name = "John";
// assuming 'el' is an HTML DOM element
el.innerHTML = name; // harmless in this case
// …
name = "alert['I am John in an annoying alert!']";
el.innerHTML = name; // harmless in this case
Meskipun ini mungkin terlihat seperti serangan skrip lintas situs, hasilnya tidak berbahaya. HTML menetapkan bahwa tag
const list = document.getElementById["list"];
list.innerHTML += `Item ${list.children.length + 1}`;
document.body.innerHTML = "";
Namun, ada cara untuk mengeksekusi JavaScript tanpa menggunakan elemen
const list = document.getElementById["list"];
list.innerHTML += `Item ${list.children.length + 1}`;
document.body.innerHTML = "";
const name = "";
el.innerHTML = name; // shows the alert
Oleh karena itu, Anda disarankan untuk menggunakan ________4______3 daripada ________4______3
document.documentElement.innerHTML = `${document.documentElement.innerHTML.replace[/