nullのプロパティ'onclick'を設定できない エラー
2022-02-25 08:36:15
調査したところ、以下のようなjsコードが見つかりました。
<script>
function deleteUser(id) {
if (confirm("Are you sure you want to delete")){
location="${pageContext.request.contextPath}/delUserServlet?id="+id;
}
}
window.οnlοad=function () {
//add a click event delSelect to the delete selected button
document.getElementById("delSelect").οnclick=function () {
//form submission
/*document.getElementsByTagName("form")[1].submit();*/
document.getElementById("formed").submit();
}
// Get the first cb firstCb
}
document.getElementById("firstCb").οnclick=function () {
//Get all cb's in the next list
var cbs = document.getElementsByName("uid");
// iterate through each cb
for (var i=0;i<cbs.length;i++){
//this is the checked status of these cbs[i]=firstCb's checked
cbs[i].checked=this.checked;
}
}
</script>
jsファイルをhead内に配置した場合、onclickイベントがバインドされているとこのエラーが発生します。W3Schoolはブラウザがボタンノードを先にロードしてからjsを実行するように書かれているので、ブラウザが上から下に解析すると、onclickバインドのボタンノードが見つからず、エラーを報告するようになっているからです。したがって、この問題を避けるために、jsファイルを一番下にロードする必要があります。または、以下のようにし、匿名関数 window.οnlοad=function(){ } にコードを記述します。
<script>
function deleteUser(id) {
if (confirm("Are you sure you want to delete")){
location="${pageContext.request.contextPath}/delUserServlet?id="+id;
}
}
window.οnlοad=function () {
//add a click event delSelect to the delete selected button
document.getElementById("delSelect").οnclick=function () {
//form submission
/*document.getElementsByTagName("form")[1].submit();*/
document.getElementById("formed").submit();
}
// Get the first cb firstCb
document.getElementById("firstCb").οnclick=function () {
//Get all the cb's in the next list
var cbs = document.getElementsByName("uid");
// iterate through each cb
for (var i=0;i<cbs.length;i++){
//this is the checked status of these cbs[i]=firstCb's checked
cbs[i].checked=this.checked;
}
}
}
</script>
関連
-
Vueはeslintrc.jsファイルを設定することで、no-trailing-spacesやno-undefなどのコンパイル時のエラーを修正することができます。
-
Handlerが抽象的でインスタンス化できないエラーの対処法について!
-
java lang ClassCastException java util ArrayList cannot be able to be.
-
PL/SQL使用時にORA-06550エラーが発生しました。
-
PY 実行プログラム・プロンプト "TypeError: unsupported operand type(s) for %: 'NoneType' and 'tuple'" ソリューション・インサイト
-
落とし穴を踏む-Uncaught Error: BootstrapのJavaScriptは、jQueryを必要とします。
-
Qt はエラーを報告します: 未解決のオーバーロードされた関数型と const char 型のオペランドが無効です .
-
内部サーバー構成でドメイン名解決エラー。名前解決に一時的な障害が発生
-
lua が nil 値を呼び出そうとする。
-
awaitは予約語であり、forEachメソッドの引数をasync関数に変更した場合の問題点
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
許容メモリサイズは134217728バイトで、問題は解決された php
-
エラーです。モジュール 'less' が見つかりません。
-
C言語エラー C2601: 'main' : ローカル関数定義が不正
-
phpstorm2019 アクティベーションコード
-
[違反】スクロールブロックの「mousewheel」イベントに非パッシブなイベントリスナーを追加。
-
モジュール 'numpy' に 'array' 属性がない問題の解決
-
grepやzgrepでバイナリファイル(標準入力)がマッチした場合の対処方法について教えてください。
-
gyp verb `which` 失敗 Error: not found: python2
-
CodeBlock "no such file or directory" or "undefined reference" エラー解決法(ヘッダーファイルが見つからないクラスを作成する場合)
-
githubからダウンロードしたコードをコンパイルし、プラグインを適用します。com.github.dcendents.android-maven' を適用します。