Artikel ini menjelaskan metode JS yang mengimplementasikan konten file JS setelah menyembunyikan elemen dari tingkat yang sama. Bagikan untuk referensi Anda, sebagai berikut:
Setelah membuka file demo.html di sini, itu akan secara singkat menampilkan elemen -elemen dari level yang sama dengan file JS dan menyembunyikan elemen -elemen ini segera, dan menampilkan konten file demo.js di level yang sama. Kode spesifiknya adalah sebagai berikut:
demo.html:
<! Doctype html> <html lang = "zh-cn"> <head> <meta charset = "UTF-8"> <itement> </itement> </head> <body> <p> Informasi kepala </p> <v> <p> yang meminta Anda untuk membaca air </p> yang meminta Anda untuk menghubungkan air </p r to. Meminta Anda untuk melafalkan air jatuh </p> <p> Siapa yang meminta Anda untuk melafalkan air jatuh </p> <p> Siapa yang meminta Anda untuk melafalkan air jatuh </p> <p> Siapa yang meminta Anda untuk melafalkan air jatuh </p> <p> Siapa yang meminta Anda untuk membaca air </p> yang meminta Anda untuk membaca air </p> yang diminta Anda untuk melafalkan air </p> <p> yang diminta air <p> Siapa yang meminta Anda untuk melafalkan air </p> <p> yang diminta air <p> Siapa yang meminta untuk melafalkan air </p> <p> p reun </p> siapa yang meminta untuk membaca air </p> <p> water fall</p><p>Who asked you to recite the water fall</p> <p>Who asked you to recite the water fall<p>Who asked you to recite the water fall</p><p>Who asked you to recite the water fall</p> <script type="text/javascript" src="demo.js"></script> <p>Who asked you to recite the water fall</p> <p>Who asked you to Bacalah air musim gugur </p> <p> Siapa yang meminta Anda untuk melafalkan air jatuh </p> <p> Siapa yang meminta Anda untuk melafalkan air jatuh </p> <p> Siapa yang meminta Anda untuk melafalkan air jatuh </p> <p> Siapa yang meminta Anda untuk membaca air </p> <p> Siapa Anda untuk melafalkan air </p> </Div> <p> <p> Anda meminta Anda untuk membaca air </p> </div
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 Konten. "); Document.writeln (" </div> "); window.onload = function () {var contsononly = document.geteLementById (" contsononly "); var contparent = contsononly.parentnode; var contsonlist = contparent.children; untuk (var i = 0; i <contsonlist.length; i ++) {if (contSonList [i]! = contSononly) {contSonList [i] .style.display = "none"; }}}Rendering adalah sebagai berikut:
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 Structures dan keterampilan algoritma "dan" Ringkasan Penggunaan Operasi Matematika JavaScript "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.