JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでフォームのaction属性とmethod属性を取得する方法

```html

HTMLフォームにおけるaction属性とmethod属性は、フォームに自動的に組み込まれるものではなく、開発者が明示的に指定する必要があります。JavaScriptでは、form.actionとform.methodというプロパティを使用することで、フォームのaction属性とmethod属性の値をそれぞれ簡単に取得できます。

まず基本をおさらいしましょう。
・action属性：フォーム送信時のデータの送信先URLを指定します。
・method属性：データの送信方式（GETまたはPOST）を指定します。

それでは、それぞれの具体的な取得方法を見ていきましょう。

Action属性の取得方法

サンプルコード

次の例では、form.actionプロパティを使ってフォームのaction属性の値を取得し、その結果をページ上に表示しています。

<html>
<body>
<form id="frm1" action="/online_javascript_editor.php" method="get"></form>
<p id="demo"></p>
<script>
    var act = document.getElementById("frm1").action;
    document.getElementById("demo").innerHTML = act;
</script>
</body>
</html>

実行結果

https://www.tutorialspoint.com/online_javascript_editor.php

このように、document.getElementById()でフォーム要素を取得し、その.actionプロパティを参照するだけで、送信先URLを文字列として取得できます。

フォームのmethod属性の取得方法

サンプルコード

次の例では、form.methodプロパティを使ってフォームのmethod属性（データ送信方式）の値を取得し、その結果を表示しています。

<html>
<body>
<form id="frm1" action="/online_javascript_editor.php" method="get"></form>
<p id="demo"></p>
<script>
   var met = document.getElementById("frm1").method;
   document.getElementById("demo").innerHTML = met;
</script>
</body>
</html>

実行結果

get

この例では、method属性に「get」が設定されているため、出力として「get」が表示されます。なお、method属性が明示的に指定されていない場合、既定値である「get」が返される点にも注意してください。

これらのプロパティは読み取りだけでなく書き込みも可能なので、JavaScript側から動的に送信先や送信方式を変更したい場合にも活用できます。

  1. JavaScriptで数値の立方根を求める方法！Math.cbrt()メソッドの使い方を解説

    JavaScriptのMathオブジェクトと立方根JavaScriptでは、Mathオブジェクトを使用することで、さまざまな数学的な操作を実行できます。その中でもMath.cbrt()は、数値の立方根（三乗根）を求めるために特化したメソッドです。引数として数値を1つ受け取り、その立方根の値を戻り値として返します。平方根を求めるMath.sqrt()とは異なり、負の数に対しても有効な結果を返せる点が大きな特徴です。数学的に、負の数の立方根も実数として定義されるためです。構文Math.cbrt(64);引数に数値を渡すと、その立方根の値が戻り値として返されます。例1：正の値の立方根を求める次の例で

  2. JavaScriptのsplice()メソッドで配列から要素を削除する方法【コード例付き】

    JavaScriptのsplice()メソッドを使うと、配列から指定した位置の要素を簡単に削除できます。このメソッドは元の配列を直接変更する点が特徴です。 splice()メソッドの基本構文 arr.splice(start, deleteCount) start: 削除を開始するインデックス位置（0から始まります） deleteCount: 削除する要素の数。省略すると、開始位置から配列の末尾までがすべて削除されます 以下は、splice()メソッドを使用して配列の1番目から5番目の間の要素（インデックス1〜4）を削除するサンプルコードです。 コード例 <!DOCTYPE html