Memberikan Perintah Spesifik HTML Menggunakan execCommand DOM
Method DOM execCommand() pada html digunakan untuk mengeksekusi perintah spesifik yang diberikan oleh user pada section seleksi yang bersifat dapat diedit.
Sintak:
document.execCommand( command, showUI, value )
Parameter: method ini menerima tiga jenis parameter yang diperlihatkan sebagai berikut.
Return Values: mengembalikan nilai Boolean jika perintah didukung penggunaannya atau bernilai TRUE, jika tidak maka akan mengembalikan nilai FALSE.
Contoh:
 |
| Ilustrasi execCommand DOM HTML |
Sebelum memahami lebih dalam materi tentang Memberikan Perintah Spesifik HTML Menggunakan execCommand DOM, terlebih dahulu pelajari materi tentang: Embed Collection HTML DOM dan Fungsinya [klik], Mengetahui Nama Domain HTML Menggunakan Properti Domain DOM [klik], dan Memeriksa Mode Dokumen HTMl Menggunakan documentMode DOM [klik].
document.execCommand( command, showUI, value )
- command: parameter ini menampung nama dari perintah yang akan dieksekusi pada section yang diseleksi. Terdapat banyak perintah pada html yang dapat digunakan, salah satunya adalah sebagai berikut; backcolor, bold, copy, cut, delete, dan lain sebagainya.
- showUI: parameter ini menampung nilai Boolean yang mengindikasikan apakah UI akan diperlihatkan atau tidak.
- value: parameter ini menampung nilai dari perintah.
Return Values: mengembalikan nilai Boolean jika perintah didukung penggunaannya atau bernilai TRUE, jika tidak maka akan mengembalikan nilai FALSE.
Baca Juga:
<!DOCTYPE html>
<html>
<head>
<title>
Method execCommand() DOM HTML
</title>
<!--script untuk membuat teks
bold-->
<script>
document.designMode = "on";
function execfunction(event)
{document.execCommand("bold");}
</script>
</head>
<!-- event onmouseout aktif
ketika user menggerakkan
pointer mouse setelah proses
seleksi dan fungsi
execfunction() akan
dieksekusi.-->
<body
onmouseout = "execfunction(event)">
<h1>
Selamat Datang
</h1>
<h3>
Method execCommand() DOM
</h3>
<p>
Method execCommand() akan
dieksekusi pada perintah
spesifik dalam teks seleksi
atau pada section.
</p>
<p>
Pilih beberapa teks pada
halaman, dan gerakkan pointer
mouse menjauh dari teks
tersebut. Hal ini akan membuat
teks menjadi tebal atau bold.
</p>
</body>
</html>
Referensi Tambahan:
- 2 Contoh Penggunaan Method getElementsByClassName() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method getElementsByName() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method getElementsByTagName() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method hasFocus() DOM pada HTML [klik]
- Cara Penggunaan Properti Head DOM pada HTML [klik]
- 3 Contoh Penggunaan Properti Image Collection DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti Implementation DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Anggie Putri Septi Mardiyana, Annisa Amalia, Annisa Diah Kusuma Piri, Annisa Noor Rahmawati, dan Antoinette Kirsten Jocelin Sugiarto.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method execCommand() pada dom html?
BalasHapusBerikut beberapa jenis browser yang dapat digunakan untuk mengaktifkan method exexCommand() pada dom html:
Hapus1. Internet Explorer 9.0
2. Opera 29.0
3. Firefox 41.0
4. Apple Safari 20.0
Apa fungsi execCommand() pada dom html?
BalasHapusMethod execCommand() pada html digunakan untuk mengeksekusi perintah yang telah ditentukan untuk section yang telah dipilih dari bagian yang dapat diedit.
HapusApakah method execCommand() sudah tidak digunakan lagi pada html?
BalasHapusPada web MDN perintah execCommand() telah ditandai sebagai bentuk perintah yang sudah usang, meskipun masih dimungkinkan untuk berfungsi pada beberapa jenis browser. Namun, penggunaannya sudah tidak disarankan karena dapat dihapus kapan saja dari browser yang digunakan karena berbagai faktor, seperti update pada browser.
Hapus