HTML DOM Bdo dir ทรัพย์สิน

คุณสมบัติ HTML DOM Bdo dir เชื่อมโยงกับองค์ประกอบ HTML ที่นี่ bdo ย่อมาจาก Bi-Directional Override แท็ก ใช้เพื่อแทนที่ทิศทางข้อความปัจจุบันซึ่งเป็นค่าเริ่มต้นจากซ้ายไปขวา ชุดคุณสมบัติ bdo dir หรือส่งคืนค่าแอตทริบิวต์ dir ขององค์ประกอบ dir คุณสมบัติบังคับสำหรับองค์ประกอบ ระบุทิศทางการไหลของข้อความ

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับ −

การตั้งค่าคุณสมบัติ dir -

bdoObject.dir = "ltr|rtl"

ในที่นี้ ltr คือทิศทางข้อความจากซ้ายไปขวา ในขณะที่ rtl คือทิศทางข้อความจากขวาไปซ้าย

ส่งคืนคุณสมบัติ dir -

bdoObject.dir

ตัวอย่าง

ให้เราดูตัวอย่างคุณสมบัติ HTML DOM bdo dir -

<!DOCTYPE html>
<html>
<body>
<h3><bdo id="myBdo" dir="rtl">RIGHT-TO-LEFT</bdo></h3>
<p>Click the below button to get text direction of the above text</p>
<button onclick="getDirection()">GET DIRECTION</button>
<button onclick="setDirection()">SET DIRECTION</button>
<p id="Sample"></p>
<script>
   function getDirection() {
      var x = document.getElementById("myBdo").dir;
      document.getElementById("Sample").innerHTML ="The text direction is from " + x;
   }
   function setDirection(){
      document.getElementById("myBdo").dir="ltr";
   }
</script>
</body>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

HTML DOM Bdo dir ทรัพย์สิน

เมื่อคลิก GET DIRECTION -

HTML DOM Bdo dir ทรัพย์สิน

เมื่อคลิก SET DIRECTION -

HTML DOM Bdo dir ทรัพย์สิน

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

ขั้นแรกเราได้สร้าง องค์ประกอบภายใน

องค์ประกอบที่มีค่าแอตทริบิวต์ dir ตั้งค่าเป็น “rtl” −

<h3><bdo id="myBdo" dir="rtl">RIGHT-TO-LEFT</bdo></h3>

จากนั้นเราได้สร้างปุ่มสองปุ่ม GET DIRECTION และ SET DIRECTION เพื่อเรียกใช้ฟังก์ชัน getDirection() และ setDirection() ตามลำดับ -

<button onclick="getDirection()">GET DIRECTION</button>
<button onclick="setDirection()">SET DIRECTION</button>

ฟังก์ชัน getDirection() รับองค์ประกอบที่มี id “myBdo” ที่เกี่ยวข้องซึ่งเป็นองค์ประกอบ ในกรณีของเรา ค่าคุณสมบัติ dir ที่ได้รับจากองค์ประกอบ จะถูกกำหนดให้กับตัวแปร x ค่าจะแสดงในย่อหน้าที่มีรหัส "ตัวอย่าง" ที่เกี่ยวข้อง -

function getDirection() {
   var x = document.getElementById("myBdo").dir;
   document.getElementById("Sample").innerHTML ="The text direction is from " + x;
}

ฟังก์ชัน setDirection() รับองค์ประกอบโดย id "mybdo" และตั้งค่าคุณสมบัติ dir เป็น "ltr" ซึ่งหมายถึงซ้ายไปขวา นอกจากนี้ยังเป็นทิศทางของข้อความเริ่มต้น -

function setDirection(){
   document.getElementById("myBdo").dir="ltr";
}