ออบเจ็กต์เน้น HTML DOM เชื่อมโยงกับองค์ประกอบ HTML องค์ประกอบใช้สำหรับเน้นข้อความบางส่วนและทำเครื่องหมายข้อความนั้นเป็นตัวเอียง คุณสามารถสร้างและเข้าถึงวัตถุที่เน้นได้โดยใช้เมธอด createElement() หรือ getElementById() ตามลำดับ
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การสร้างวัตถุเน้น −
var e = document.createElement("EM"); ตัวอย่าง
เรามาดูตัวอย่างของวัตถุที่ถูกเน้น −
<!DOCTYPE html>
<html>
<body>
<h1>emphasized object example</h1>
<p>Create an em element by clicking the button below</p>
<button onclick="createEM()">CREATE</button>
<br><br>
<script>
function createEM() {
var e = document.createElement("EM");
var txt = document.createTextNode("HELLO WORLD");
e.appendChild(txt);
document.body.appendChild(e);
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่มสร้าง -
ขั้นแรกเราได้สร้างปุ่ม CREATE ซึ่งจะรันเมธอด createEM() เมื่อผู้ใช้คลิก
<button onclick="createEM()">CREATE</button>
เมธอด createEM() สร้างองค์ประกอบ โดยใช้เมธอด createElement() ของอ็อบเจ็กต์เอกสาร จากนั้นจะกำหนดองค์ประกอบให้กับตัวแปร e และสร้างโหนดข้อความที่มีข้อความโดยใช้เมธอด createTextNode() ของอ็อบเจ็กต์เอกสาร โหนดข้อความจะถูกผนวกเข้ากับองค์ประกอบ ในที่สุด องค์ประกอบพร้อมกับโหนดข้อความจะถูกผนวกเข้ากับเนื้อหาของเอกสารโดยใช้วิธีการ appendChild() -
function createEM() {
var e = document.createElement("EM");
var txt = document.createTextNode("HELLO WORLD");
e.appendChild(txt);
document.body.appendChild(e);
} 