Tài liệu getElementById HTML
|
Bài viết này thảo luận về cách hoạt động của phương thức “getElementByID” trong JavaScript. Phương thức getElementByID() trong JavaScript là một phương thức tài liệu. Khi chúng tôi đưa ra một chuỗi cụ thể khớp với ID của phần tử HTML, nó sẽ trả về đối tượng phần tử. Mỗi phần tử HTML có thể được gán một ID duy nhất. Nếu hai hoặc nhiều phần tử có cùng ID, thì phương thức getElementByID() trả về phần tử đầu tiên. Phương thức getElementByID() được sử dụng để truy cập phần tử nhanh hơn. Nó giúp chúng tôi thao tác một phần tử HTML trong tài liệu của chúng tôi và được hỗ trợ bởi tất cả các trình duyệt hiện đại. Nếu không có phần tử, hàm getElementById() trả về null. Trong những trường hợp như vậy, chúng ta có thể sử dụng tài liệu. querySelector() không yêu cầu bất kỳ ID nào Show
cú phápCú pháp của phương thức getElementByID() là - document.getElementByID(id); Trong đó, id là phần tử id sẽ được trả về. Nó phân biệt chữ hoa chữ thường. Một đối tượng phần tử được trả về ví dụ 1Đây là một chương trình ví dụ để trỏ đến ID không tồn tại trả về NULL bằng cách sử dụng tài liệu. phương thức getElementByID() Phương thức getElementById() trả về các phần tử đã cung cấp ID được truyền cho hàm. Hàm này là một phương thức HTML DOM được sử dụng rộng rãi trong thiết kế web để thay đổi giá trị của bất kỳ phần tử cụ thể nào hoặc lấy một phần tử cụ thể. Nếu ID được truyền vào hàm không tồn tại thì nó trả về null. Phần tử được yêu cầu phải có một id duy nhất, để nhanh chóng có quyền truy cập vào phần tử cụ thể đó và id cụ thể đó chỉ nên được sử dụng một lần trong toàn bộ tài liệu cú pháp document.getElementById( element_ID ) Tham số. Hàm này chấp nhận một tham số Element_ID được sử dụng để giữ ID của phần tử Giá trị trả về. Nó trả về đối tượng của ID đã cho. Nếu không có phần tử nào tồn tại với ID đã cho thì nó trả về null ví dụ 1. Ví dụ này mô tả phương thức getElementById() trong đó Element_id được sử dụng để thay đổi màu của văn bản khi nhấp vào nút HTMLdocument.getElementById( element_ID )0 document.getElementById( element_ID )1 document.getElementById( element_ID )2 document.getElementById( element_ID )3 document.getElementById( element_ID )0____15____12 document.getElementById( element_ID )7____10____91____12
document.getElementById( element_ID )7____96______91 document.getElementById( element_ID )2 document.getElementById( element_ID )3 document.getElementById( element_ID )7____10 document.getElementById( element_ID )02 document.getElementById( element_ID )2 document.getElementById( element_ID )3
document.getElementById( element_ID )06
document.getElementById( element_ID )08 document.getElementById( element_ID )09 document.getElementById( element_ID )10 document.getElementById( element_ID )09 document.getElementById( element_ID )12
document.getElementById( element_ID )14 document.getElementById( element_ID )7 document.getElementById( element_ID )2
document.getElementById( element_ID )2 document.getElementById( element_ID )3 document.getElementById( element_ID )0 document.getElementById( element_ID )24 document.getElementById( element_ID )25 document.getElementById( element_ID )26 document.getElementById( element_ID )27 document.getElementById( element_ID )2 document.getElementById( element_ID )7__ document.getElementById( element_ID )0 document.getElementById( element_ID )31 document.getElementById( element_ID )32 document.getElementById( element_ID )26 document.getElementById( element_ID )34 document.getElementById( element_ID )35 document.getElementById( element_ID )31 document.getElementById( element_ID )2 document.getElementById( element_ID )7__ document.getElementById( element_ID )0 document.getElementById( element_ID )00 document.getElementById( element_ID )01 document.getElementById( element_ID )00 document.getElementById( element_ID )2 document.getElementById( element_ID )3 document.getElementById( element_ID )7____106 document.getElementById( element_ID )7__ document.getElementById( element_ID )0 document.getElementById( element_ID )09 document.getElementById( element_ID )50 document.getElementById( element_ID )26 document.getElementById( element_ID )52 document.getElementById( element_ID )53 document.getElementById( element_ID )54 document.getElementById( element_ID )26 document.getElementById( element_ID )56 document.getElementById( element_ID )53 document.getElementById( element_ID )58 document.getElementById( element_ID )26 document.getElementById( element_ID )20 document.getElementById( element_ID )21
document.getElementById( element_ID )2 document.getElementById( element_ID )3
đầu ra  Phương thức getElementById() ví dụ 2. Ví dụ này mô tả phương thức getElementById() trong đó Element_id được sử dụng để thay đổi nội dung khi nhấp vào nút Giá trị chuỗi phải khớp với giá trị của thuộc tính ID được chỉ định trong Đánh dấu HTML Trong trường hợp này. hộp Sau khi khớp, nó sẽ trả về đối tượng HTMLDivElement Gán nó vào một hộp được gọi là hằng số Nếu không khớp, phương thức getElementById() sẽ trả về null Phương thức getElementByID() sẽ chỉ khả dụng trong đối tượng tài liệu chung Bởi vì, giá trị của thuộc tính ID phải là duy nhất cho toàn bộ trang HTML Nhận phần tử theo Id bằng cách sử dụng querySelector()Ngoài ra, phương thức querySelector() cũng lấy một phần tử theo id trong JavaScript Gọi phương thức querySelector() trên đối tượng tài liệu Phương thức querySelector() cũng nhận một đối số là chuỗi Giá trị chuỗi phải khớp với giá trị của thuộc tính ID được chỉ định trong Đánh dấu HTML cùng với ký hiệu Bộ chọn CSS Ví dụ. # đăng ký ID Vì vậy, giá trị chuỗi sẽ là #box Nhận phần tử theo ID InnerHTML Nhận phần tử con theo IDBạn cũng có thể lấy phần tử con theo id bằng cách sử dụng. tài sản trẻ em Div có phần tử hộp Id có phần tử div con có id Nhận tham chiếu DOM đến phần tử hộp div là phần tử gốc Gán nó vào một hộp cố định Các. thuộc tính con lấy tất cả các phần tử bên trong phần tử hộp div Phần tử chúng tôi muốn lấy là div với id box-inner Gọi phương thức item() trên hộp. bọn trẻ Truyền giá trị thuộc tính ID của phần tử con Trong trường hợp này. hộp bên trong Nhận phần tử theo ID InnerHTMLTìm hiểu cách đặt/lấy văn bản hoặc Phần tử HTML bằng thuộc tính có tên là innerHTML Bạn cũng có thể thêm các Phần tử HTML bằng cách sử dụng InternalHTML ________số 8Nhận phần tử theo giá trị IDTìm hiểu cách lấy giá trị của bất kỳ thành phần biểu mẫu HTML nào bằng phương thức getElementById() Để làm điều đó, hãy gọi phương thức getElementById() trên đối tượng tài liệu truyền giá trị của thuộc tính ID làm đối số Chúng tôi có thể sử dụng tài liệu getElementById trong HTML không?Tài liệu HTML DOM getElementById()
. Nó được sử dụng gần như mỗi khi bạn muốn đọc hoặc chỉnh sửa một phần tử HTML. The getElementById() method is one of the most common methods in the HTML DOM. It is used almost every time you want to read or edit an HTML element.
GetElementById là HTML hay JavaScript?getElementById() là một Hàm JavaScript cho phép bạn lấy một phần tử HTML, theo id của nó và thực hiện một hành động trên đó. Tên của id được truyền dưới dạng tham số và phần tử tương ứng là giá trị trả về. Đoạn mã sau cho biết cách sử dụng chức năng.
Làm cách nào để lấy giá trị từ phần tử HTML trong JavaScript?Thuộc tính giá trị văn bản đầu vào . Thay đổi giá trị của trường văn bản. getElementById("myText"). . Lấy giá trị của một trường văn bản. getElementById("myText"). . Danh sách thả xuống trong một biểu mẫu. var mylist = tài liệu. . Một danh sách thả xuống khác. var no = tài liệu. . Một ví dụ cho thấy sự khác biệt giữa thuộc tính defaultValue và value Làm cách nào để nhận giá trị ID HTML trong JavaScript?Nhận phần tử theo ID Sử dụng GetElementById()
. Gọi phương thức getElementById() trên đối tượng tài liệu. Phương thức getElementById() nhận một đối số là chuỗi. Giá trị chuỗi phải khớp với giá trị của thuộc tính ID được chỉ định trong Đánh dấu HTML. |
