06/04/2021, 14:48
Hàm document.forms trong Javascript - Javascript Function
Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> #result{ color: red; font-size: 20px; font-weight: bold; ...
Collection có thể hiểu như là một bộ chọn có các thuộc tính và phương thức như một object, nó sẽ chọn lấy một tập hợp kết quả. forms collection sẽ trả về tập hợp các thẻ <form> có trong trang.
Các thẻ trong tập hợp được trả về sẽ được sắp xếp theo đúng thứ tự chúng xuất hiện trên trang.
Nếu bạn muốn lấy về tập hợp tất cả các thẻ nằm trong thẻ form, sử dụng elements collection của đối tượng Form object.
Cú pháp
Cú pháp: document.forms
Thuộc tính
Phương thức
Cách sử dụng
Sử dụng document.forms kết hợp với thuộc tính length của nó để tìm tất cả các thẻ <form> trên trang.
Code
RUN
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#result{
color: red;
font-size: 20px;
font-weight: bold;
}
</style>
</head>
<body>
<h1>Học lập trình miễn phí tại Zaidap.com.net</h1>
<form action="#" method="POST">
Username: <input type="text" name="fname" placeholder="Nhập Username"><br>
Email: <input type="text" name="lname" placeholder="Nhập Email">
</form>
<p id="result"></p>
<button onclick="myFunction()">Xem kết quả</button>
<script>
function myFunction(){
var length = document.forms.length;
document.getElementById("result").innerHTML =
"Số thẻ 'form' tồn tại trên trang: " + length;
}
</script>
</body>
</html>Tham khảo: w3schools.com
Nguồn: Zaidap.com.net
