Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

3 Parameter Utama Method execCommand() DOM pada HTML
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].

Sintak:
document.execCommand( command, showUI, value )

Parameter: method ini menerima tiga jenis parameter yang diperlihatkan sebagai berikut.
  • 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:

Contoh:

<!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>


Artikel ini didedikasikan kepada: Anggie Putri Septi Mardiyana, Annisa Amalia, Annisa Diah Kusuma Piri, Annisa Noor Rahmawati, dan Antoinette Kirsten Jocelin Sugiarto.

6 komentar untuk "Memberikan Perintah Spesifik HTML Menggunakan execCommand DOM"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method execCommand() pada dom html?

    BalasHapus
    Balasan
    1. Berikut beberapa jenis browser yang dapat digunakan untuk mengaktifkan method exexCommand() pada dom html:
      1. Internet Explorer 9.0
      2. Opera 29.0
      3. Firefox 41.0
      4. Apple Safari 20.0

      Hapus
  2. Apa fungsi execCommand() pada dom html?

    BalasHapus
    Balasan
    1. Method execCommand() pada html digunakan untuk mengeksekusi perintah yang telah ditentukan untuk section yang telah dipilih dari bagian yang dapat diedit.

      Hapus
  3. Apakah method execCommand() sudah tidak digunakan lagi pada html?

    BalasHapus
    Balasan
    1. Pada 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

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 -