HTML DOM Textarea cols trả về và sửa đổi giá trị của thuộc tính cols của phần tử vùng văn bản trong tài liệu HTML.
Cú pháp
Sau đây là cú pháp -
1. Trả lại cols
object.cols
2. Thêm cols
object.cols = “number”
Hãy để chúng tôi xem một ví dụ về Thuộc tính HTML DOM Textarea cols:
Ví dụ
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
background: lightseagreen;
height: 100vh;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
}
</style>
<body>
<h1>DOM Textarea cols Property Demo</h1>
<textarea>Hi! I'm a textarea element in an HTML document with some dummy text.</textarea>
<button onclick="set()" class="btn">Set Cols = 50</button>
<script>
function set() {
document.querySelector("textarea").cols = '50';
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Đặt Cols =50 ”Để đặt giá trị của thuộc tính cols thành 50.
