>웹 프론트엔드 >HTML 튜토리얼 >JavaScript DOM을 사용하여 테이블 헤더를 만드는 방법은 무엇입니까?

JavaScript DOM을 사용하여 테이블 헤더를 만드는 방법은 무엇입니까?

王林
王林앞으로
2023-09-11 21:49:111414검색

如何使用JavaScript DOM创建表格标题?

테이블 제목을 생성하려면 DOM createCaption() 메서드를 사용하세요.

다음 명령 코드를 실행하여 테이블 헤더를 만드는 방법을 알아볼 수 있습니다. -

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <script>
         function captionFunc(x) {
            document.getElementById(x).createCaption().innerHTML = "Demo Caption";
         }
      </script>
   </head>
   <body>
      <table style="border:2px solid black" id="newtable">
         <tr>
            <td>One</td>
            <td>Two</td>
         </tr>
         <tr>
            <td>Three</td>
            <td>Four</td>
         </tr>
         <tr>
            <td>Five</td>
            <td>Six</td>
         </tr>
      </table>
      <p>
         <input type="button" onclick="captionFunc(&#39;newtable&#39;)" value="Display Table Caption">
      </p>
   </body>
</html>

위 내용은 JavaScript DOM을 사용하여 테이블 헤더를 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제