javascript - 誰かがこれがどのように可能かを説明できますか? (コメントの写真)

Question

そのため、メモ帳++でhtmlファイルとjavascriptファイルをリンクしようとしていますが、正しく機能していません。

テストを書いているが、divを削除していない可能性があることを知りたかったのです。誰でもこれを説明できますか？前もって感謝します！

Answer 1

1、jQueryがリンクされていません。つまり、HTML にはありません<script type='text/javascript' src='myjQueryfile.js'></script>。スクリプトの前に配置する必要があります。

2: の ID を持つ要素はblueまだ存在しないためです。DOM (基本的には HTML のオブジェクト) は、スクリプトが実行されるときにまだ構築されていません。この場合はページの上部であり、blue存在する前です。これを修正するには、通常$(function(){ ... });、DOM の準備ができたときにコードを実行するイベントを使用します。

また、コードをその場document.writeで書くだけで、呼び出しが行われた正確な場所を意味し 、HTML が出力されます。document.write

Answer 2

jquery をリンクしておく必要があります。リンクせずに使用しようとしています。

Answer 3

スクリプトはヘッドにロードされます。スクリプトが実行される時点では、ドキュメントの本文は構築されていないため、何も削除されません。document.ready コールバックを使用する場合 (および jQuery を適切にインクルードした場合) は機能します。

$(function(){ $("#blue").remove(); });

これのプレーンなjsバージョンは

window.onload = function(){ 
 var b = document.getElementById("blue");
 b.parentNode.remove(b);
};

Answer 4

スクリプトの実行時には、ドキュメントの <script> タグまでの部分のみが読み込まれています。スクリプトが DOM をターゲットにする前に、DOM が完全にロードされるまで遅らせる必要があります。

document.addEventListener("DOMContentLoaded", function(event) {
    $("#blue").remove();
});