Thuộc tính cols của HTML DOM

Định nghĩa và cách sử dụng

Thuộc tính cols có thể thiết lập hoặc trả về số lượng và kích thước của các cột trong khung.

Danh sách pixel hoặc phần trăm phân tách bằng dấu phẩy định nghĩa số lượng và độ rộng của các cột:

Cú pháp

framesetObject.cols=col1,col2,col3....

Mô hình

Trong ví dụ của chúng ta, trước tiên sẽ tạo tài liệu HTML chứa khung chứa hai cột.

<html>
<frameset cols="50%,50%">
  <frame src="frame_cols.htm">
  <frame src="frame_a.htm">
</frameset>
</html>

Tài liệu HTML "frame_cols.htm" được đặt vào cột đầu tiên, trong khi tài liệu HTML "frame_a.htm" được đặt vào cột thứ hai.

Dưới đây là mã nguồn của "frame_cols.htm":

<html>
<head>
<script type="text/javascript">
function changeCols()
  {
  parent.document.getElementById("main").cols="30%,70%"
  }
function restoreCols()
  {
  parent.document.getElementById("main").cols="50%,50%"
  }
</script>
</head>
<body>
<input type="button" onclick="changeCols()" />
value="Thay đổi kích thước cột" />
<input type="button" onclick="restoreCols()" />
value="Khôi phục kích thước cột" />
</body>
</html>