如何在JavaScript中取得表單元素
- autoload原創
- 2021-04-07 15:36:592639瀏覽
HTML中的表單：
#<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="" name="hello" id="login">
<input type="text" placeholder="demo@email.com"
<button>提交</button>
</form>
</body>
</html>##利用document.forms取得目前頁面的所有表單
#document.forms[0]
取得目前頁面的第一個表單document.forms['hello']
透過表單的name屬性取得表單-
document.forms['login']
透過表單的id屬性取得表單
<script>
//form
console.log(document.forms);
// <form action="" name="hello" id="login">
console.log(document.forms[0]);
console.log(document.forms['hello']);
console.log(document.forms['login']);
console.log(document.forms.item(0));
console.log(document.forms.item("hello"));
console.log(document.forms.item("login"));
//推荐 id
console.log(document.forms.namedItem("login"));
console.log(document.forms.hello);
console.log(document.forms.login);
</script>推薦：《2021年js面試題目及答案（大匯總）》
以上是如何在JavaScript中取得表單元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn