この記事では、同じレベルの要素を隠した後にJSファイルの内容を実装するJSの方法について説明します。次のように、参照のために共有してください。
ここでdemo.htmlファイルを開いた後、JSファイルと同じレベルの要素を簡単に表示し、これらの要素をすぐに非表示にし、同じレベルでdemo.jsファイルのコンテンツを表示します。特定のコードは次のとおりです。
demo.html：
<！doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <title> </title> </head> <body> <p> head情報</p> p> <p>水を唱えるように頼んだ人</p> <p>秋の秋を暗唱するように頼んだ人は、水の秋を暗唱するように頼んだ人はあなたに水の秋を暗唱するように頼んだ人はあなたに水の秋を暗唱するように頼んだ人があなたに水を唱えるように頼んだ人を求めた人</p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> fall </p> </p> </p> </p> </p> <p> </p> </p> <p> </p> <p> <p> <p> <p> fall </p> <p>水が秋を暗唱するように頼んだ人は</p> <p>滝を暗唱するように頼んだ</p> <p> </p> <p>水が秋を暗唱するように頼んだ水を暗唱するように頼んだ人は</p> <p> </p> <p> </p> <p>水を唱えるように頼んだ</p> <p>水が倒れるように頼むように頼んだ水が落ちる</p> <p> </p> <p>は、水の落下を唱えるように頼んだ人があなたに水の下落を唱えるように頼んだ人を求めた</p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </p> </p> </p> </p> </p> </p>情報</p> </body> </html>
demo.js：
document.writeln("<div id=/"contSonOnly/">");document.writeln("<p>Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content content。 "）; document.writeln（" </div> "）; window.onload = function（）{var contsononly = document.getElementById（" contsononly "）; var contparent = contsononly.parentnode; var contsonlist = contparent.children; for（var i = 0; i <contsonlist.length; i ++）{if（contsonlist [i]！= contsononly）{contsonlist [i] .style.display = "none"; }}}レンダリングは次のとおりです。
For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript Traversal Algorithm and Skills", "Summary of JavaScript Switching Special Effects and Skills", "Summary of JavaScript Search Algorithm Skills", "Summary of JavaScript Animation Special Effects and Skills", "Summary of JavaScript Errors and Debugging Skills", "Summary of JavaScript Data構造とアルゴリズムのスキル」および「JavaScriptの数学的操作の使用の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。