Mục lục:
- JavaScript sẽ xóa
- numberElements ("h1");
- getElementsByClassName
- Sử dụng hàm getElementsByClassName checkMath (kết quả) {var userMath =
Video: You can learn Arduino in 15 minutes. 2025
Trong JavaScript, phương thức getElementBy cung cấp truy cập dễ dàng cho bất kỳ phần tử hoặc nhóm yếu tố nào trong một tài liệu mà không dựa vào quan hệ cha mẹ / con của các nút. Ba cách phổ biến nhất để truy cập các phần tử là getElementById
-
getElementById
-
getElementById
-
Phương thức được sử dụng rộng rãi nhất để chọn các phần tử, getElementById là điều cần thiết cho sự phát triển web hiện đại. Với công cụ nhỏ gọn tiện dụng này, bạn có thể tìm và làm việc với bất kỳ phần tử đơn giản bằng cách tham chiếu thuộc tính id duy nhất. Cho dù điều gì khác xảy ra trong tài liệu HTML, getElementById sẽ luôn ở đó cho bạn và chắc chắn sẽ chọn nguyên tố chính xác mà bạn muốn.
Ví dụ này chứng tỏ sức mạnh tuyệt vời của getElementById để cho phép bạn giữ lại tất cả các mã JavaScript của bạn trong tài liệu của bạn hoặc để mô đun mã của bạn. Bằng cách sử dụng getElementById, bạn có thể làm việc với bất kỳ phần tử nào, bất cứ nơi nào trong tài liệu của bạn miễn là bạn biết id của nó.
Sử dụng hàm getElementById calculateMPG (miles, gallon) {document. getElementById ("displayMiles"). innerHTML = parseInt (dặm); tài liệu. getElementById ("displayGallons"). innerHTML = parseInt (gallon); tài liệu. getElementById ("displayMPG"). innerHTML = dặm / gallon;}Bạn lái xe ___
dặm.
Bạn đã sử dụng ___
gallon xăng.MPG của bạn là ___. var milesDriven = prompt ("Nhập mile driven"); var gallonsGas = prompt ("Nhập gallon khí đã sử dụng"); tínhMPG (milesDriven, gallonGas);
getElementsByTagName
Phương thức getElementsByTagName trả về một danh sách nút của tất cả các phần tử với tên thẻ được chỉ định. Ví dụ: getElementsByTagName được sử dụng để chọn tất cả các phần tử h1 và thay đổi các thuộc tính innerHTML của chúng cho các số thứ tự.
Sử dụng hàm getElementsByTagName numberElements (tagName) {var getTags =
. getElementsByTagName (tagName); for (i = 0; iJavaScript sẽ xóa
numberElements ("h1");
getElementsByClassName
Phương thức getElementsByClassName hoạt động giống như getElementsByTagName, nhưng nó sử dụng các giá trị của thuộc tính class để chọn các phần tử. Hàm này chọn các phần tử với một lớp "lỗi" và sẽ thay đổi giá trị của thuộc tính innerHTML của chúng.Sử dụng hàm getElementsByClassName checkMath (kết quả) {var userMath =
tài liệu. getElementById ("answer1"). giá trị; var errors =
tài liệu. getElementsByClassName ("lỗi"); if (parseInt (userMath)! = parseInt (result)) {lỗi [0]. innerHTML = "Đó là sai. Bạn đã nhập "+ userMath +". Câu trả lời là "+ result;} else {errors [0]. innerHTML = "Đúng! ";}} 4 + 1 = Kiểm tra toán học của bạn!
(tiếp theo)
Kết quả của việc chạy mã này trong một trình duyệt web và nhập sai câu trả lời được hiển thị ở đây.getElementsByClassNa
Sử dụng getElementsByClassName để chọn một phần tử để hiển thị một thông báo lỗi.
