Thuộc tính wrap HTML DOM Textarea trả về và sửa đổi giá trị của thuộc tính wrap 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 bọc
object.wrap
2. Thêm bọc
object.wrap = soft | hard
Hãy để chúng tôi xem một ví dụ về Thuộc tính bao bọc HTML DOM Textarea:
Ví dụ
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem 0;
}
.show {
font-size: 1.5rem;
margin: 1rem 0;
}
</style>
<body>
<h1>DOM Textarea wrap Property Demo</h1>
<form action='' method="post">
<textarea rows="5" cols="28" wrap="soft">
Hi! I'm a text area element with some dummy text.
</textarea>
<input type="submit" class='btn' value="Submit Form">
</form>
<button onclick="set()" class="btn">Show wrap value</button>
<div class="show"></div>
<script>
function set() {
document.querySelector('.show').innerHTML = "The value of wrap attribute is " + document.querySelector("textarea").wrap;
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Hiển thị giá trị bọc ”Để hiển thị giá trị của thuộc tính wrap của phần tử textarea.
