Computer >> Máy Tính >  >> Lập trình >> HTML

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

Phương thức HTML DOM Textarea select () chọn nội dung của vùng văn bản trong tài liệu HTML.

Cú pháp

Sau đây là cú pháp -

object.select()

Hãy để chúng tôi xem một ví dụ về Phương thức HTML DOM Textarea select () -

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;
   }
</style>
<body>
<h1>DOM Textarea select() Method Demo</h1>
<textarea rows='5' cols="30">Hi! I'm a text area element with some dummy text.</textarea>
<button onclick="set()" class="btn">Select textarea content</button>
<script>
   function set() {
      document.querySelector("textarea").select();
   }
</script>
</body>
</html>

Đầu ra

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

Nhấp vào “ Chọn nội dung vùng văn bản ”Để chọn nội dung của phần tử textarea.

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