Sử dụng tính năng thay đổi kích thước để đặt liệu phần tử có thể thay đổi kích thước bởi người dùng hay không.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để đặt liệu người dùng có thể thay đổi kích thước một phần tử bằng JavaScript hay không -
<!DOCTYPE html>
<html>
<head>
<style>
#box {
width: 350px;
overflow: auto;
background-color: orange;
border: 3px solid red;
}
</style>
</head>
<body>
<p>Click to set the right position.</p>
<button type = "button" onclick = "display()"> Set Right Position </button>
<div id = "box">
<p>This is a div. This is a div. This is a div. This is a div.<p>
<p>This is a div. This is a div. This is a div. This is a div.<p>
<p>This is a div. This is a div. This is a div. This is a div.<p>
</div>
<br>
<br>
<script>
function display() {
document.getElementById("box").style.resize = "both";
}
</script>
</body>
</html>