Nhận giá trị của nút javascript được nhấp
Trong hướng dẫn này, chúng ta sẽ xem cách Nhận giá trị phần tử đầu vào khi nhấp bằng JavaScript. Sự kiện onclick được sử dụng với phương thức HTML Dom getElementsByTagName cho việc này Show
Mục lục Mã HTMLMã HTML được cung cấp bên dưới, Mã này chứa phần tử nút với sự kiện onclick và phần tử đầu vào ________0 sự kiện onclickMã JavaScript được đưa ra bên dưới, Trong mã này, sự kiện onclick được sử dụng để lấy giá trị của phần tử đầu vào Sự kiện onclick xảy ra khi một phần tử được nhấp vào, nó được sử dụng để gọi một hàm JavaScript khi xảy ra sự kiện nhấp chuột Phương thức HTML Dom getElementsByTagNamePhương thức HTML Dom getElementsByTagName trả về tập hợp phần tử có tên thẻ được chỉ định Trong mã này, nó được sử dụng để lấy phần tử đầu vào. Sau khi nhắm mục tiêu yếu tố đầu vào,. phương thức giá trị được sử dụng để lấy giá trị của nó Hướng dẫn này trình bày cách lấy ID của nút được nhấp theo bốn phương pháp khác nhau. Các phương thức này là Nhận ID nút được nhấp bằng phương thức This.id trong JavaScriptBạn sẽ làm điều này bằng cách tạo một chức năng được kích hoạt khi bạn nhấp vào nút. Vì vậy, khi bạn nhấp vào nút, chức năng sẽ nhận ID nút thông qua Mặc dù giá trị của
đầu ra Chúng tôi có ba nút có ID khác nhau với thuộc tính sự kiện 0 trong khối mã ở trên. Giá trị của thuộc tính sự kiện 0 là một hàm có đối số là this.id hoặc ID nútNhận ID nút được nhấp bằng phương thức Button_1 Button_2 Button_3 3 trong JavaScriptBạn có thể nhận ID nút trong sự kiện nhấp chuột nhờ thuộc tính 4 của giao diện 5. Thuộc tính 4 đề cập đến phần tử nút đã nhận sự kiện nhấp chuột từ người dùngĐồng thời, bạn có thể lấy ID của nút từ thuộc tính 4 thông qua 8. Trong ví dụ mã bên dưới, chúng tôi đã tạo một hàm sử dụng event.target.id để hiển thị ID của nút được nhấp
đầu ra Nhận ID nút được nhấp với chức năng addEventListener trong JavaScriptBạn có thể triển khai chức năng tùy chỉnh sử dụng trình xử lý sự kiện để lấy ID của phần tử. Đây sẽ là yếu tố kích hoạt một sự kiện Đặt chức năng tùy chỉnh trong phần trang web của bạn. Bằng cách này, nó sẽ có sẵn trước khi phần còn lại của trang web tải xuống Trong đoạn mã sau, chúng tôi đã sử dụng chức năng tùy chỉnh để thêm các sự kiện nhấp chuột vào tập hợp các nút. Vì vậy, khi bạn chạy mã trong trình duyệt web của mình, bạn sẽ nhận được thông báo cảnh báo JavaScript hiển thị ID nút
đầu ra Nhận nút được nhấp với jQueryCách tiếp cận này giống như ví dụ đầu tiên trong bài viết này, nhưng chúng tôi sẽ sử dụng jQuery. jQuery cung cấp hàm 1 mà bạn có thể đính kèm vào một phần tử để lấy ID của phần tử thông qua this.id Mã bên dưới có các nút có ID và thuộc tính lớp. Chúng tôi sử dụng jQuery để lấy tên lớp nút và chúng tôi đính kèm một sự kiện nhấp chuột cho tất cả và khi bạn nhấp vào bất kỳ nút nào, bạn sẽ nhận được ID của nó trong cửa sổ 3 trong trình duyệt web của bạn
Làm cách nào để lấy giá trị của nút được nhấp trong JavaScript?Đầu tiên, chúng tôi lấy phần tử được nhắm mục tiêu bằng cách sử dụng id của phần tử đó trong btn, sau đó sử dụng thuộc tính giá trị trên phần tử đó để lấy giá trị của thuộc tính giá trị bên trong phần tử đó. Let us discuss one more example where we will assign the same value to the button tag as given inside the value attribute dynamically using JavaScript.
Làm cách nào để kiểm tra nút nào đã được nhấp trong JavaScript?Để kiểm tra xem một nút có được nhấp vào trong JavaScript hay không, hãy tạo một trình lắng nghe sự kiện bằng cách sử dụng phương thức addEventListener() của API Web EventTarget .
Làm cách nào để lấy phần tử nút trong JavaScript?Tạo đối tượng nút. Đối tượng nút có thể được tạo bằng JavaScript. Tài liệu. Phương thức createElement() được sử dụng để tạo phần tử . Sau khi tạo một đối tượng nút, hãy sử dụng phương thức appendChild() để nối thêm phần tử cụ thể (chẳng hạn như div) để hiển thị nó.
Làm cách nào để lấy giá trị của một nút trong jQuery?Phương thức jQuery val() được sử dụng để lấy giá trị của một phần tử. Hàm này được sử dụng để đặt hoặc trả về giá trị. |