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

HTML DOM li วัตถุ


วัตถุ HTML DOM Li ใน HTML แสดงถึง

  • ธาตุ

    ไวยากรณ์

    ต่อไปนี้เป็นไวยากรณ์ -

    การสร้าง

  • องค์ประกอบ

    var liObject = document.createElement(“LI”)

    คุณสมบัติ

    ที่นี่ “LiObject” สามารถมีคุณสมบัติดังต่อไปนี้ −

    คุณสมบัติ
    คำอธิบาย
    ค่า
    ส่งกลับ/ตั้งค่าแอตทริบิวต์ value ของ
  • element
  • ตัวอย่าง

    ให้เราดูตัวอย่างสำหรับ ค่า Li ทรัพย์สิน −

    <!DOCTYPE html>
    <html>
    <head>
    <title>HTML DOM value</title>
    <style>
       form {
          width:70%;
          margin: 0 auto;
          text-align: center;
       }
       * {
          padding: 2px;
          margin:5px;
       }
       input[type="button"] {
          border-radius: 10px;
       }
       ol{
          width: 30%;
          margin: 0 auto;
       }
    </style>
    </head>
    <body>
    <form>
    <fieldset>
    <legend>HTML-DOM-value</legend>
    <h3>Race Result</h3>
    <ol id="race">
    <li>Alex</li>
    <li>Eden</li>
    <li>Samuel</li>
    <li>Zampa</li>
    </ol>
    <input type="button" onclick="rectifyResult()" value="Alex Cheated">
    <div id="divDisplay"></div>
    </fieldset>
    </form>
    <script>
       var divDisplay = document.getElementById("divDisplay");
       var studentList = document.getElementsByTagName("li");
       var race = document.getElementById("race");
       function rectifyResult() {
          studentList[1].value = '1';
          studentList[2].value = '2';
          studentList[3].value = '3';
          race.removeChild(studentList[0])
          divDisplay.textContent = 'Alex is disqualified';
       }
    </script>
    </body>
    </html>

    ผลลัพธ์

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

    ก่อนคลิก 'Alex Cheated' ปุ่ม −

    HTML DOM li วัตถุ

    หลังจากคลิก 'Alex Cheated' ปุ่ม −

    HTML DOM li วัตถุ