JS实现了隐藏兄弟元素 只显示JS文件内容的方法

本文描述了JS隐藏同级别元素后只显示JS文件内容的方法。分享给大家参考，如下：

当打开这里的demo.html文件时，它会短暂地显示与js文件相同级别的元素，然后立即隐藏这些元素，并在相同级别显示demo.js文件的内容。具体代码如下：

演示. html:

！doctype html lang=' zh-cn ' head meta charset=' utf-8 ' title/title/head dy p head information/pdiv p谁让你背水/p p谁让你背水/p p谁让你背水/谁问你落水了/pp谁问你落水了/p p read谁问你落水了/p p read谁问你落水了/pp read谁问你落水了/pp谁问你落水了/P script type=' text/JavaScript ' src=' http 3360 demo . js '/script pread谁问你落水了/P pread pread谁问你落水了/P P read谁问你落水了/P read谁让你落水了/P read谁让你落水了/P read谁让你落水了P read谁让你落水了/P read

document . writeln(' div id=\ ' contSonOnly \ ')；document . writeln(' p content content content content/p ')；document . writeln('/div ')；window . onload=function(){ var contosonly=document . getelementbyid(' contosonly ')；var CONtrol parent=CONtrosononly . parent node；var contosonlist=contparent . children；for(var I=0；icontSonList.lengthi ){ if(contSonList[i]！=contSonOnly){ contSonList[I]. style . display=' none '；}}}渲染如下：

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《JavaScript遍历算法与技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》和0103010

希望本文对JavaScript编程有所帮助。