Phương thức select() của Textarea trong HTML DOM

Phương thức select() của Textarea trong HTML DOM được dùng để chọn toàn bộ nội dung bên trong một phần tử textarea trong tài liệu HTML.

Cú pháp

Cú pháp như sau:

object.select()

Ví dụ

Dưới đây là ví dụ minh họa phương thức select() của Textarea:

<!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;
  }
</style>
<body>
<h1>Demo phương thức select() của Textarea</h1>
<textarea rows='5' cols="30">Xin chào! Tôi là một phần tử textarea với một số văn bản giả.</textarea>
<button onclick="set()" class="btn">Chọn nội dung textarea</button>
<script>
  function set() {
    document.querySelector("textarea").select();
  }
</script>
</body>
</html>

Kết quả

Nhấn vào nút "Chọn nội dung textarea" để chọn toàn bộ nội dung của phần tử textarea.