Mengatur Konten Teks HTML Menggunakan innerText DOM
node.innerText = text
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti innerText DOM HTML
</title>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti textContent DOM HTML
</h2>
<button
id="Bons"
onclick="MyBons()">
Submit
</button>
<p id="sudo"></p>
<script>
function MyBons()
{
var text =
document.getElementById("Bons").innerText;
document.getElementById("sudo").innerHTML = text;
}
</script>
</body>
</html>
Output:Blog Elfan
Properti textContent DOM HTML
<!DOCTYPE html>
<html>
<head>
<title>
Properti innerText DOM HTML
</title>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<h2>
Properti innerText DOM HTML
</h2>
<p id="bonss"
style="font-size:20px;">
Halo Penderitaan Dunia!
</p>
<button onclick="MyBons()">
Submit
</button>
<!-- Fungsi MyBons untuk
mengganti inner text -->
<script>
function MyBons()
{
document.getElementById("bonss").innerText =
"Welcome to Ambarawa!";
}
</script>
</center>
</body>
</html>
Output:Blog Elfan
Properti innerText DOM HTML
Halo Penderitaan Dunia!
- 2 Nilai Properti isContentEditable DOM pada HTML
- Cara Penggunaan Method isDefaultNamespace() DOM pada HTML
- Cara Penggunaan Method isEqualNode() DOM pada HTML
- 2 Nilai Parameter pada Method isSameNode() DOM pada HTML
- Cara Penggunaan Method isSupported() DOM pada HTML
- 2 Contoh Penggunaan Properti Lang DOM pada HTML
- 2 Contoh Penggunaan Properti lastChild DOM pada HTML
5 komentar untuk "Mengatur Konten Teks HTML Menggunakan innerText 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 innerText DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan properti innerText DOM pada HTML:
Hapus1. Google Chrome 1.0
2. Internet Explorer 4.0
3. Firefox 1.0
4. Opera 3.5
5. Safari 1.0
Apa yang dimaksud dengan properti innerText DOM pada HTML?
BalasHapusProperti innerText DOM pada HTML digunakan untuk mengatur atau mengembalikan konten teks dari node yang telah ditentukan dan semua bentuk turunannya. Jika user mengatur properti pada innerText, maka node turunan apapun akan dihapus dan diganti dengan node teks tunggal yang berisi string yang telah ditentukan.
HapusProperti innerText dari interface HTMLElement merupakan properti yang mewakili konten teks yang "dirender" dari sebuah node dan turunannya. Properti innerText memperkirakan teks yang akan diperoleh user jika menyorot konten elemen dengan kursor dan menyalinnya ke clipboard.
Hapus