actionが変化していることを確認したい

actionが変化してることをディベロッパーツールで確認したいのですが、どこを見たら確認できるのかがわかりません。

<html>
<head>
<meta charset="utf-8">
<meta robot="noindex">
</head>
<body>
    <form action="" method="post"></form>
    <form action="hoge.abc" name="form2" method = "get"></form>
    <script>
        function clicker(){
            document.forms[1].action ='hogehoge.php';
        }
    </script>
</body>
</html>

行動規範の内容に同意します

回答3件

普通にデベロッパーツールからformタグを確認すれば見れますよ。

※clickerを実行しないといけませんが。

投稿2018/08/28 02:21

macaron_xxx

総合スコア3191

HTMLの変化はElementsタブで確認できます。
そこから対象のHTMLを探してもいいですし、一番左の矢印ボタンを押して画面上の対象エレメントを選択しても良いです。
下記の記事なども参考にしてください。

Chrome デベロッパーツールの使い方まとめ

投稿2018/08/28 02:18

編集2018/08/28 02:21

m.ts10806

総合スコア80850

m.ts10806

2018/08/31 05:26

低評価押された方。どこが間違っているがご指摘いただければと。

行動規範の内容に同意します

ベストアンサー

actionが変化してることをディベロッパーツールで確認したいのですが、どこを見たら確認できるのかがわかりません。

GCと仮定。
form要素上で右クリック→[要素の調査]
サンプルコードではform要素に高さがないので、body要素が選択されると思いますが、子を辿れば、form要素に辿り着きます。
(変更のあった箇所の色が変化するので、分かりやすいかと)
https://developers.google.com/web/tools/chrome-devtools/inspect-styles/?hl=ja
コンソールで clicker() を実行し、前後比較すると分かりやすいと思います。