HTMLの勉強をしている者です。
Nodeでhtmlで書かれたwebページの自動操作を試みています。
scriptタグで囲まれた箇所に対して、ボタンをクリックする以外にonclick時の処理を行わせる方法がわからず困っています。
解決方法を教えていただけないでしょうか。
<div class="Button">
<script>
document.write('<input type="submit" name="xxx" value="ボタンです" class="yyy" onclick="~~~">');
</script>
</div>
ダメ元でform.submit()を試してみたのですが、formタグでくくられていないため動きませんでした。
script タグ内の JS が実行されると script 要素の直後に input 要素が挿入されて以下の構造の DOM になります。
<div class="Button">
<script>
document.write('<input type="submit" name="xxx" value="ボタンです" class="yyy" onclick="~~~">');
</script>
<input type="submit" name="xxx" value="ボタンです" class="yyy" onclick="~~~">
</div>
この要素を document.querySelector('input[name="xxx"]').click() か何かでクリックすればいいでしょう。
@webnoob
Questioner
Nodeでhtmlで書かれたwebページの自動操作
の文面から判断するに
Node.js 用の chrome を操作するためのライブラリ puppeteer とか
古いやり方だと Selenium とか
最近だと microsoft が playwright を公開しましたか。
何れにせよブラウザの js の実行を待ってから dom を触る必要がありそうですね。
@webnoob
Questioner
