Rumah >hujung hadapan web >tutorial js >JavaScript 读取网页元素中的文本和属性
JavaScript menyediakan kaedah untuk membaca teks dan atribut elemen halaman web, termasuk: Membaca teks: innerText, textContent, value Mendapatkan atribut: getAttribute, dataset, style
Pengenalan
JavaScript menyediakan pelbagai kaedah untuk membaca dan memanipulasi teks dan atribut dalam elemen halaman web. Artikel ini akan meneroka kaedah yang berbeza dan memberikan contoh praktikal untuk menggambarkan penggunaannya. Baca kandungan teksinnerTeks
: Dapatkan teks yang boleh dilihat dalam elemen, termasuk elemen kanak-kanak.let text = document.getElementById("element").innerText;textContent: Serupa dengan innerText, tetapi juga mendapat teks tersembunyi.
let text = document.getElementById("element").textContent;value: Dapatkan nilai semasa elemen borang seperti kotak input dan kawasan teks.
let value = document.querySelector("input[type=text]").value;
getAttribute(nama)
: Dapatkan nilai atribut yang ditentukan.let href = document.getElementById("link").getAttribute("href");set data
data-
: Akses atribut data yang diawali dengan . let username = document.querySelector("user-profile").dataset.username;style: Akses sifat gaya CSS.
let color = document.getElementById("element").style.color;
Dapatkan tajuk halaman
const title = document.querySelector("head title").innerText; console.log(title); // 输出:我的网站Tetapkan nilai input borang
document.querySelector("input[name=name]").value = "John Doe";Baca atribut data bagi butang
const button = document.querySelector("button");
const action = button.dataset.action;
console.log(action); // 输出:show-details
berdasarkan CSS ee Kesimpulan
Atas ialah kandungan terperinci JavaScript 读取网页元素中的文本和属性. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!