คุณสมบัติ HTML DOM characterSet แสดงชุดอักขระที่เกี่ยวข้องกับแอตทริบิวต์ charset ขององค์ประกอบ <meta> โดยค่าเริ่มต้น ชุดอักขระสำหรับเอกสาร HTML คือ UTF-8
คุณสมบัติ characterSet คืนค่าการเข้ารหัสอักขระสำหรับเอกสาร HTML ในรูปแบบสตริง ผู้ใช้สามารถลบล้างชุดอักขระเริ่มต้นสำหรับหน้าเว็บได้โดยใช้คุณสมบัติ charset ใน HTML หรือคุณสมบัติ characterSet ของ DOM
ไวยากรณ์
ไวยากรณ์สำหรับคุณสมบัติ characterSet ดังนี้ -
document.characterSet
ตัวอย่าง
ลองดูตัวอย่างของคุณสมบัติ HTML DOM characterSet -
<!DOCTYPE html> <html> <body> <p>คลิกปุ่มด้านล่างเพื่อทราบการเข้ารหัสของเอกสาร HTML นี้</p> <button onclick="encode()">CHECK ENCODE</button> <p id="Sample"></p> <script> function encode() { var x = document.characterSet; document.getElementById("Sample").innerHTML = "The character encoding used is " + x; } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้ -

เมื่อคลิกปุ่ม CHECK ENCODE -

ในตัวอย่างข้างต้น -
เราสร้างปุ่ม CHECK ENCODE ซึ่งจะเรียกใช้ฟังก์ชัน encode() เมื่อผู้ใช้คลิก -
<button onclick="encode()">CHECK ENCODE</button>
เมธอด encode() จะดึงการเข้ารหัสอักขระของเอกสารโดยใช้คุณสมบัติ characterSet ของเอกสารและกำหนดให้ตัวแปร x การเข้ารหัสจะถูกแสดงในองค์ประกอบย่อหน้าที่มี id "Sample" โดยใช้เมธอด innerHTML บนย่อหน้าและผนวกตัวแปร x เข้าไป -
function encode() { var x = document.characterSet; document.getElementById("Sample").innerHTML = "The character encoding used is " + x; }