Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

คุณสมบัติ HTML DOM characterSet

คุณสมบัติ 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>

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้ -

คุณสมบัติ HTML DOM characterSet

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

คุณสมบัติ HTML DOM characterSet

ในตัวอย่างข้างต้น -

เราสร้างปุ่ม 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; }