nullのプロパティ'onclick'を設定できないエラー
2022-02-25 20:01:33
複数のページで共通のjsファイルを使うことが多く、遭遇したときは気づかなかったのですが、このページが実行されているとき、他のページも実行されonclickにidが与えられていることが判明しました。
通常、ページはnullで未定義であるため
if(null){
console.log(1);
} else {
console.log(2);
}//output2
if(undefined){
console.log(3);
} else {
console.log(4);
}//output4
だから 解決策 :
最も一般的な方法は、jsに関数名でa関数を記述し、ページタグ <div οnclick="a()"></div> で時間を使用する方法です。
2. ページをクリックするたびに存在するかどうかの判定を、以下のように記述します。
var tan = document.getElementById("tan");
var argeeSure = document.getElementById("argeeSure");
var close = document.getElementById("off");
var sure = document.getElementById("sure");
var body = document.getElementsByTagName("body")[0];
// console.log(body)
if(argeeSure)
argeeSure.onclick = function () {
tan.style.display = "block";
body.style.height = "100%";
body.style.overflow = "hidden";
}
if(close)
close.onclick = function () {
tan.style.display = "none";
body.style.height = "auto";
body.style.overflow = "auto";
}
if(sure)
sure.onclick = function () {
tan.style.display = "none";
body.style.height = "auto";
body.style.overflow = "auto";
}
ここで、if(ageeSure)は短縮形であり、以下の2行と同等にしか動作しません。
if(argeeSure ! =null && argeeSure ! = undefined){
argeeSure.onclick = function () {
tan.style.display = "block";
body.style.height = "100%";
body.style.overflow = "hidden";
}
}
取得元:https://www.cnblogs.com/wangduojing/p/9809520.html
関連
-
列の数が 1 行目の値の数と一致しない 解決策
-
I encountered The markup in the document following the root element must be well-formed.
-
C# タイムドタスク (I)
-
angularのonloadイベント
-
LINUX ユーザーが su コマンドを使用してユーザーを切り替えると、エラー su が報告されました。パーミッションが拒否されました。
-
ESP8266とArduinoの入門チュートリアル
-
警告 警告: ポインタから異なるサイズの整数へのキャスト [-Wpointer-to-int-cast].
-
resize2fs: dev/centos/root を開こうとして、スーパーブロックに不正なマジックナンバーがある 有効なものが見つかりません。
-
CVS共通コマンド
-
__declspec の使用法の詳細
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
postman request prompt このリソースにアクセスするには完全な認証が必要です。
-
JavaScriptで不正なappendChildを解決する方法
-
Pythonのsort関数とsorted関数の違いとpythonのエラーについて。AttributeError: 'list' オブジェクトに 'sorted' 属性がない 理由
-
tf.variable_scope パラメータ
-
スーパークラス「javax.servlet.http.HttpServlet」がJavaビルドパスソリューションで見つかりませんでした。
-
百科事典における有名人情報と非有名人情報の分離
-
エラーです。CAS サーバーからの応答でプリンシパルが見つからなかった
-
ERROR: OSError のため、パッケージをインストールできませんでした。[Errno 2] No such file or directory: 'c:\users'.
-
Centos7のインストールでエラーrandom:crng initがキックスタートのアンサーファイルを使って行われる
-
docker 失敗 Result:start-limit 解決方法