Dokumen sifat dan kaedah JS

Dalam JavaScript, objek dokumen ialah objek global yang sangat penting, yang mewakili keseluruhan dokumen HTML. Anda boleh mengakses dan mengubah suai kandungan dan struktur dokumen HTML melalui objek dokumen. Berikut ialah beberapa sifat dan kaedah dokumen biasa:

Properties

1. document.title: Mendapat atau menetapkan tajuk dokumen, biasanya dipaparkan pada bar tajuk atau label penyemak imbas.

javascript

document.title = "新的页面标题";

2 dokumen.URL: Dapatkan URL lengkap dokumen.

javascript

console.log(document.URL);

3 document.documentElement: Dapatkan elemen akar dokumen, biasanya elemen 100db36a723c770d327fc0aef2ce13b1

javascript

console.log(document.documentElement);

4 document.body: Dapatkan elemen 6c04bd5ca3fcae76e30b72ad730ca86d

javascript

console.log(document.body);

5 document.head: Dapatkan elemen 93f0f5c25f18dab9d176bd4f6de5d30e

javascript

console.log(document.head);

6 document.referrer: Dapatkan URL halaman sebelumnya yang menavigasi ke halaman semasa.

javascript

console.log(document.referrer);

kaedah

1.getElementById(id): Dapatkan elemen berdasarkan id yang ditentukan.

javascript

var element = document.getElementById("myElementId");

2 document.getElementsByClassName(className): Dapatkan koleksi elemen berdasarkan nama kelas yang ditentukan.

javascript

var elements = document.getElementsByClassName("myClassName");

3. document.getElementsByTagName(tagName): Dapatkan koleksi elemen berdasarkan nama tag yang ditentukan.

javascript

var elements = document.getElementsByTagName("div");

4. document.querySelector(selector): Mengembalikan Elemen pertama dalam dokumen yang sepadan dengan pemilih CSS yang ditentukan.

javascript

var element = document.querySelector(".myClass");

5.

javascript

var elements = document.querySelectorAll(".myClass");

6 document.createElement(tagName): Cipta elemen baharu.

javascript

var newElement = document.createElement("div");

7.createTextNode(teks): Cipta nod teks baharu.

javascript

var textNode = document.createTextNode("Hello, world!");

8 document.appendChild(nod): Tambahkan nod anak pada elemen dokumen.

javascript

someElement.appendChild(newElement);

9 document.removeChild(nod): Alih keluar nod anak daripada dokumen.

javascript

someElement.removeChild(childElement);

9 document.write(kandungan): Tulis ungkapan HTML atau kod JavaScript pada dokumen.

javascript

document.write("<p>这是一个段落。</p>");

Ini hanyalah sebahagian daripada sifat dan kaedah objek dokumen. Malah, objek dokumen menyediakan banyak fungsi dan kaedah lain untuk mengendalikan kandungan dan struktur dokumen HTML. Anda boleh mengetahui lebih lanjut dengan merujuk dokumentasi atau tutorial JavaScript yang berkaitan.

Atas ialah kandungan terperinci Dokumen sifat dan kaedah JS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!