Javascript nhận giá trị theo tên lớp

JavaScript hỗ trợ các lớp đóng gói các phương thức để thao tác dữ liệu. Do đó, điều quan trọng là lấy/truy cập tên lớp trong tác vụ lập trình. Có thể lấy tên của lớp thông qua thuộc tính tên của hàm tạo. Ngoài ra, phương thức isPrototypeof[] và toán tử instanceof được sử dụng để lấy tên lớp trong JavaScript. Các phương pháp này rất hữu ích để gỡ lỗi thư

Trong hướng dẫn này, bạn sẽ học cách lấy tên lớp trong JavaScript. Nội dung blog này như sau

    • Phương pháp 1. Lấy tên lớp bằng cách sử dụng thuộc tính tên
    • Phương pháp 2. Lấy tên lớp bằng phương thức isPrototypeof[]
    • Phương pháp 3. Lấy tên lớp bằng cách sử dụng thuộc tính instanceof

Phương pháp 1. Lấy tên lớp bằng cách sử dụng thuộc tính tên

Thuộc tính tên tích hợp với hàm tạo đối tượng trả về tên lớp. Do đó, một phương thức được điều chỉnh với thuộc tính name để lấy tên lớp trong JavaScript. Nó rất hữu ích trong các tác vụ lập trình phức tạp để lặp đi lặp lại việc sử dụng tên của một lớp. Đoạn mã giải thích hoạt động của thuộc tính name để lấy tên lớp

Mã số

bảng điều khiển. log ["Ví dụ lấy tên lớp"] ;< . log
class Teacher {}
let obj = new Teacher[];
console.log[ Giáo viên. tên ] ;
bảng điều khiển. log [ obj. người xây dựng. tên ] ;

 

Trong mã này

    • Đầu tiên, một lớp có tên là “Giáo viên” được tạo thông qua một phần thân rỗng
    • Sau đó, “obj. constructor” được sử dụng để lấy tên lớp với thuộc tính “name” trong JavaScript
    • Bàn điều khiển. phương thức log[] hiển thị tên lớp bằng cách truy cập hàm tạo

đầu ra


Người ta quan sát thấy rằng thuộc tính “name” được sử dụng để truy cập tên lớp “Teacher”

Phương pháp 2. Lấy tên lớp bằng phương thức isPrototypeOf[]

Phương thức isPrototypeOf[] tìm hiểu xem sự tồn tại của một đối tượng có phải là một phần của chuỗi nguyên mẫu của đối tượng khác không. Nó nhận đầu vào và trả về đầu ra Boolean [đúng hoặc sai] dựa trên đầu vào của người dùng. Ví dụ sau được cung cấp ở đây để lấy tên lớp bằng phương thức isPrototypeOf[]

Mã số

bảng điều khiển. log ["Ví dụ lấy tên lớp"] ;< . log
class Animal {}
let obj = new Animal[];
console.log[ Động vật. nguyên mẫu. isPrototypeOf [ obj ]];

 

Mô tả của mã được đưa ra dưới đây

    • Đầu tiên, một lớp “Animal” được tạo và sau đó, một đối tượng “obj” được khởi tạo với một từ khóa mới
    • Hơn nữa, phương thức “isPrototypeOf[]” được sử dụng để kiểm tra sự tồn tại của một đối tượng bằng cách chuyển “obj”

đầu ra


Đầu ra trả về giá trị “true” xác thực quyền truy cập vào lớp “Animal” trong JavaScript

Phương pháp 3. Lấy tên lớp bằng cách sử dụng thuộc tính instanceof

Thuộc tính instanceof cung cấp một cơ sở để lấy tên lớp trong JavaScript. Nói chung, nó đánh giá loại đối tượng trong thời gian chạy. Để tìm tên lớp, bạn có thể viết tên lớp sau toán tử instanceof. Nó trả về một đầu ra Boolean [giá trị đúng hoặc sai] xác nhận bạn có tên lớp hay không. Đoạn mã ví dụ sau sử dụng toán tử instanceof trong JavaScript

Mã số

bảng điều khiển. log ["Ví dụ lấy tên lớp"] ;< . log
class Vehicle {}
let veh = new Vehicle[];
console.log[ veh instanceof Vehicle ] ;

 

Trong mã này, tên lớp “Xe” được truy cập thông qua toán tử instanceof. Sau đó, bảng điều khiển. phương thức log[] được sử dụng để hiển thị giá trị trả về

đầu ra


Đầu ra hiển thị giá trị “true” trong cửa sổ bảng điều khiển, giá trị này xác thực khả năng truy cập của lớp

Phần kết luận

JavaScript cung cấp thuộc tính name, phương thức isPrototypeOf[] và toán tử instanceof để lấy tên lớp. Các phương thức này đánh giá sự tồn tại của các đối tượng và trả về một đầu ra Boolean [giá trị đúng hoặc sai] xác thực xem bạn có tên lớp hay không. Các phương pháp này rất hữu ích để gỡ lỗi thư. Tất cả các trình duyệt mới nhất đều hỗ trợ các phương pháp này. Trong blog này, bạn đã học cách truy xuất tên lớp bằng các ví dụ khác nhau trong JavaScript

Làm cách nào để lấy giá trị theo tên lớp trong JavaScript?

Cú pháp như sau. var elements = document. getElementsByClassName[name]; Ở đây “name” là tên lớp mà bạn đang muốn tìm và “elements” là một biến chứa mảng các phần tử.

Làm cách nào để lấy giá trị hộp văn bản bằng tên lớp trong JavaScript?

Cách lấy giá trị của trường nhập văn bản bằng JavaScript .
tài liệu. getElementById["inputId"]. giá trị;.
tài liệu. getElementsByClassName["inpurClass"][0]. giá trị;.
tài liệu. .
tài liệu. getElementsByName["searchText"][0]. giá trị;

Làm cách nào để lấy dữ liệu từ lớp trong JavaScript?

1] Gọi JavaScript getElementsByClassName[] trên ví dụ phần tử .
First, select the
    element with the class name menu using the getElementById[] method..
Then, select
  • elements, which are the descendants of the
      element, using the getElementsByClassName[] method..
  • Bạn có thể lấy phần tử theo lớp không?

    Phương thức getElementsByClassName[] trả về một tập hợp các phần tử có [các] tên lớp được chỉ định . Phương thức getElementsByClassName[] trả về một HTMLCollection. Thuộc tính getElementsByClassName[] là chỉ đọc.

    Chủ Đề