ホームページ > 記事 > ウェブフロントエンド > JavaScriptでフォーム要素を取得する方法

JavaScriptでフォーム要素を取得する方法

autoloadオリジナル: 2021-04-07 15:36:592647ブラウズ

#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>

#Utilize

#document.forms現在のページのすべてのフォームを取得##document.forms[0]

現在のページの最初のフォームを取得ページ A フォーム

document.forms['hello']
フォームの name 属性を通じてフォームを取得します
#document.forms['login']
フォームの id 属性を通じてフォームを取得します
<pre class="brush:js;toolbar:false"> <script> //form console.log(document.forms); // <form action="" name="hello" id="login"> console.log(document.forms[0]); console.log(document.forms[&#39;hello&#39;]); console.log(document.forms[&#39;login&#39;]); 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></pre>推奨: "
2021年js面接の一問一答（大まとめ）
》

以上がJavaScriptでフォーム要素を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScriptでオブジェクトを文字列に変換する方法次の記事：JavaScriptでオブジェクトを文字列に変換する方法

続きを見る