JSでCannot read property 'click' of nullのエラーが解決できません。

Question

勤怠入力システム（ウェブアプリ）の自動化をはかりたく、Jaavscriptを使用したブックマークレットの作成したいです。
勤怠入力システムの仕様として、「新規作成」を押下したら、画面の上部に1日の勤怠を記入するポップアップ（？）が出てきます。

手動でやった場合1日ずつしかポップアップが表示されないので、ブックマークレットでは「新規作成」を押す作業を自動化してループ設定にし、20営業日分ポコポコ処理ができるようになりたいです。

↓自動化したい対象のHTMLの記述

<a onclick="Anthem_FireCallBackEvent(
this,event,'btnAddNew','',true,'','','',true,null,null,null,true,true
);
return false;"id="btnAddNew" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;btnAddNew&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, true))">新規作成</a>

↓この表記の場合、エラーにならないのですが、何も起こりません。（getElementしただけで何もアクションを指定していないからだと思います）

javascript:(function(){document.getElementById("btnAddNew");})();

↓そこで、この表記を試しましたが、少しずつ表現を変えても、必ず「Cannot read property 'click' of null」のエラーが出て解決できません（；；）
たくさんブックマークレットの表記に関する記事を読みましたが、どこでもclick() やonclick()を記述するとクリックができると書いてあり、なぜエラーが出るかわかりません。

javascript:(function(){document.getElementById("btnAddNew").onclick();})();

もしかすると、HTMLを読み込み終える前にJSの処理が完了してしまうため、onclickを見つけられないのでしょうか。
そうだとしても、先にHTMLを読み終わらせる処理も分からないので、どなたかお助けいただけると嬉しいです。

Comments

[m.ts10806]

click()なら動きますけど、oncickはプロパティ的なものなので違いそうです。
※Node.js環境ではないですが

[退会済みユーザー]

ありがとうございます。私の環境では、click()でも動かなかった（エラーが出た）のですが、それはNode.js環境を整えていなかったから、ということでしょうか？

[m.ts10806]

えーと私の環境はNode.jsではないです。質問者さんはタグにある通りNode.js内で行ったわけではないのでしょうか？
気になるのは提示されたHTMLがクォート部分がエスケープされていたりすることですが・・・

[退会済みユーザー]

ありがとうございます！

すみません、Node.jsのタグは適切ではなかったです。私の環境もNode jsではありませんのでタグを削除しておきました。エスケープ文字については、元のサイトで再確認したところ含まれていませんでした。コピーしてこちらに貼り付ける際に含まれてしまったもののようです。

[m.ts10806]

タグ調整反映されていないようですね。
コードもお手元のものに更新しておいてもらえたらと。

[退会済みユーザー]

すみません、こちらで反映されたかと思います。後ほどコードを元のウェブサイトのhtmlに記載されている通りに更新いたします。

[x_x]

エラーメッセージはあっていますか？
コードが onclick なら onclick で出るかと思います

Answer 1

エラーメッセージが「Cannot read property 'click' of null」なのですから、click()かonclick()の関数をnullオブジェクトで呼び出そうとしているのです。

質問に書かれたコードで該当しそうなのは以下のコード

javascript:(function(){document.getElementById("btnAddNew").onclick();})();

原因は、document.getElementById("btnAddNew")　が null になっている。
（HTMLにIDが"btnAddNew"であるエレメントが存在しない）
という事だと思われます。

Javascriptで、document.getElementById("btnAddNew")の値をログに書き出すようにすれば、どんな値になっているのかが確認できますよ。

＝＝
支障がなければ、Javascriptも含めて、すべてのファイル(.HTML,.JS,.CSS)のソースコードを質問に追加してください。
現時点で質問に書かれているコードだけでは、原因を推測することが困難（不可能？）です。