Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML DOM Ol 개체

<시간/>

HTML의 HTML DOM Ol 개체는

    요소를 나타냅니다.

      요소

      생성
      var olObject = document.createElement(“OL”)

      여기서 "olObject"는 다음과 같은 속성을 가질 수 있습니다. -

      속성
      설명
      반전됨
      목록의 순서가 내림차순 또는 오름차순(기본값)인지 여부를 설정/반환합니다.
      시작
      순서된 목록의 시작 속성 값을 설정/반환합니다.
      유형
      순서된 목록의 유형 속성 값을 설정/반환합니다.

      Ol start 의 예를 살펴보겠습니다. 속성 -

      예시

      <!DOCTYPE html>
      <html>
      <head>
      <title>HTML DOM Ol start</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-Ol-start</legend>
               <h3>Students</h3>
               <ol id="orderList" start='2'>
                  <li>Zampa</li>
                  <li>Rajesh</li>
                  <li>Eden</li>
                  <li>Bina</li>
                  <li>Alex</li>
                  <li>Adam</li>
               </ol>
               <input type="button" onclick="reverseNumbering()" value="Correct list">
               <div id="divDisplay"></div>
            </fieldset>
         </form>
      <script>
         var divDisplay = document.getElementById("divDisplay");
         var studentList = document.getElementById("orderList");
         function reverseNumbering() {
            studentList.start = '1';
            divDisplay.textContent = 'List Corrected';
         }
      </script>
      </body>
      </html>

      출력

      '올바른 목록'을 클릭하기 전에 버튼 -

      HTML DOM Ol 개체

      '목록 수정'을 클릭한 후 버튼 -

      HTML DOM Ol 개체