Mengatur Konten Teks HTML Menggunakan textContent DOM
 |
| Ilustrasi textContent DOM HTML |
- digunakan untuk mengaktur tek dari suatu node: node.textContent = text
- digunakan untuk mengembalikan nilai dari teks node: node.textContent
Property Values: mengandung teks nilai tunggal yang berisi node dari node konten.
Return Value: berfungsi untuk mengembalikan sebuah nilai string yang merepresentasikan teks konten dari node tertentu dan semua turunannya.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti textContent DOM HTML
</title>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti textContent DOM HTML
</h2>
<button
id = "Cinchau"
onclick = "MyCinchau()">
Submit
</button>
<p id = "sudo"></p>
<script>
function MyCinchau()
{
var text =
document.getElementById("Cinchau").textContent;
document.getElementById("sudo").innerHTML = text;
}
</script>
</body>
</html>
Blog Elfan
Properti textContent DOM HTML
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti textContent DOM HTML
</title>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti textContent DOM HTML
</h2>
<p
id = "cinChau"
onclick = "MycinChau()">
Hello cinChau!
</p>
<script>
function MycinChau()
{
document.getElementById("cinChau").textContent
= "Welcome to Ambarawa!";
}
</script>
</body>
</html>
Blog Elfan
Properti textContent DOM HTML
Hello cinChau!
- 2 Contoh Penggunaan Method History.go() DOM pada HTML [klik]
- Cara Penggunaan Properti History.length() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method item() DOM pada HTMLCollection [klik]
- 2 Contoh Penggunaan Properti length pada HTMLcollection [klik]
- 2 Sintak Penggunaan Method namedItem() pada HTMLcollection [klik]
- 2 Bentuk Sintak pada Properti Lokasi Hash DOM pada HTML [klik]
- 2 Sintak Pada Properti Lokasi Host DOM pada HTML [klik]
5 komentar untuk "Mengatur Konten Teks HTML Menggunakan textContent DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti textContent DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti textContent DOM pada HTML:
Hapus1. Google Chrome 1.0
2. Internet Explorer 9.0
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti textContent DOM pada HTML?
BalasHapusProperti textContent merupakan properti DOM HTML yang digunakan untuk mengantur konten teks untuk elemen HTML atau untuk membuat konten teks ditulis di dalam elemen tersebut. Jika user mengatur nilai teks menggunakan properti textContent untuk sebuah elemen, maka nilai elemen turunan lainnya akan dihapus dan hanya teks yang diatur tersebut yang akan ditambahkan pada elemen.
HapusProperti textContent digunakan untuk mengatur atau mengembalikan nilai teks konten dari node yang telah ditentukan sebelumnya, seberta semua nilai turunannya. Jika user mengatur properti textContent, maka node turunan apapun akan dihapus dan diganti nilainya dengan node teks tunggal yang berisi string yang telah ditentukan.
Hapus