jQueryをjavascriptに書き直したい ページのform要素を取得してactionを書き換える

Question

jQueryが使えないサイトがあり、既存のコードをjavascriptに書き直したいと考えております。

ページのform要素を取得してactionを書き換える

$("form").each(function() {
var aurl = $(this).attr('action'); 
aurl += '&a=test';

$(this).attr('action',aurl);});
});

お力をおかしいただけないでしょうか。

参考サイトを参考に無事書き直し出来ましたので記載しておきます。

var elements = document.querySelectorAll("form"); 
Array.prototype.forEach.call(elements, function(el, i){ 
var aurl = el.action; 
aurl += '&a=test';
el.setAttribute('action', aurl);
});

Comments

[m.ts10806]

最後、質問が切れてませんか？
質問を修正してください。

[m.ts10806]

また、ご自身が調べたこと試したことを記載してください。
現在のところ「コードが欲しい」という丸投げの状態です。

[rui123]

確かに内容が切れておりました…
確認不足で申し訳ございません。
form名を指定して取得する方法ばかりしか見つけられず困っておりました。
ありがとうございました。

[m.ts10806]

解決されたようですが、一応、その部分だけでも編集してなおしておいてください。

[rui123]

原文は消してなかったので不自然な文章の途切れを修正しました。無事完成もしましたのでそちらも記載しました。ありがとうございました。

Answer 1

「jquery equivalent」でググると、一番上にこれが出てきます。
You Might Not Need jQuery

そこでeachで検索すると、

var elements = document.querySelectorAll(selector);
Array.prototype.forEach.call(elements, function(el, i){
});

http://youmightnotneedjquery.com/#each

とか出てくるので、あとはがんばってみてください。

Comments

[rui123]

ありがとうございます。
参考ページ非常に助かりました。
こちらを参考に作成してみます。