javascript - JavaScript の THIS キーワードを理解する

Question

Web を検索してこの質問に対する答えを見つけようとしましたが、運がありませんでした。ほとんどの情報は、この回答が予想していたよりもはるかに複雑であり、実際にこの質問に回答した人はいません。

このタグでは:

<form method="post" action="process.php" name="processform" id="form1" onsubmit="return validate(this)">

「これ」とは何を指していますか？

「this」を同じオブジェクトへのハードコーディングされた参照に置き換えるとしたら、何に置き換えますか?

score 2 · Accepted Answer

this送信されているフォームノードを参照します。参照をに置き換えることができますdocument.getElementById('form1')。

score 1 · Accepted Answer

this「onsubmit」属性の内側は、フォーム自体を参照します。validate関数が呼び出されると、その最初の引数はフォームの DOM 要素の引数になります。

たとえば、次の可能な実装を検討してvalidateください。

function validate(form)
{
    alert(form.action); // will display "process.php"
}

このように (固定の名前または ID ではなく) HTML 内で使用thisすることの利点は、フォームを ID または名前で参照する必要がないことです。

2 に答える 2