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