Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Cách đặt vị trí caption của bảng trong JavaScript?

Sử dụng thuộc tính captionSide (không phải borderWidth) để đặt vị trí caption của bảng (top/bottom).

Ví dụ

<!DOCTYPE html>
<html>
<body>
  <table id="newTable" border="2">
    <caption id="newCaption">Chi tiết nhân viên</caption>
    <tr><th>Mã NV</th><th>Tên</th><th>Phòng</th></tr>
    <tr><td>001</td><td>Amit</td><td>IT</td></tr>
    <tr><td>002</td><td>John</td><td>Tài chính</td></tr>
    <tr><td>003</td><td>David</td><td>Marketing</td></tr>
  </table>
  <br>
  <button onclick="display()">Thay đổi vị trí caption</button>
  <script>
    function display() {
      document.getElementById("newCaption").style.captionSide = "bottom";
    }
  </script>
</body>
</html>