demo.html
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>头部信息</p> <div> <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> <script type="text/javascript" src="demo.js"></script> <p>阅谁问君诵水落</p> <p>阅谁问君诵水落</p> <p>阅谁问君诵水落</p> <p>阅谁问君诵水落</p> <p>阅谁问君诵水落<p>阅谁问君诵水落</p><p>阅谁问君诵水落</p> </div> <p>备案信息</p> </body> </html>
demo.js
document.writeln("<div id=\"contSonOnly\">"); document.writeln("<p>内容内容内容内容内容内容内容内容内容</p>"); 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"; } } }
效果图:
相关推荐
本文实例讲述了JS实现隐藏同级元素后只显示JS文件内容的方法。分享给大家供大家参考,具体如下: 这里的demo.html文件在打开后会短暂显示与js文件同级的元素后马上隐藏这些元素,并显示同级的demo.js文件内容。具体...
2.获取同级元素 $("#id").next(selector) 获得匹配元素紧邻的下一个同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。 $("#id").nextAll(selector) 获得匹配元素后面的所有同胞元素,由选择器筛选是...
1、动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js、css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式...
下面小编就为大家带来一篇使用jquery/js获取iframe父子级、同级获取元素的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
其中themes目录里jskey_core中用到的样式,与js文件同级存放。 如果想不想使用日历类,则去掉jskey_core里【if(true)】【应该是第8行】及之后的代码 如果只是想使用日历类,则使用jskey_calendar.js source里的是...
父级以及同级元素的查找在使用过程中还是蛮频繁的,下面为大家介绍下jQuery是如何实现的,感兴趣的朋友可以参考下
可以一键提取目录下所有文件(免积分下载),子目录里面的... 1 获取同级目录文件名字 2 深入子目录获取全部文件名字 3 退 出 └──────请输入选择项目的序号──────┘ 2 请使用Excel编辑。
创建索引 create-index程序在导入和导出同级文件和目录的目标目录中创建(并维护)ES6 ./index.js文件。例子> tree ././├── bar.js└── foo.js0 directories, 2 files> create-index ./[13:17:34] Target ...
双击后等待,同一文件夹中会出现"NAME.txt",打开即可查看文件名。
jQuery 3.1 标准课程第六章 遍历遍历同级元素的方法(三)
点击显示指定元素并隐藏其他同辈元素,下面有个不错的方法,需要的朋友可以参考下
echarts.min.js 文件,pyecharts 白屏专用,放在本地 .py 文件同级目录,加上一行代码 CurrentConfig.ONLINE_HOST = '' 运行不再白屏!
主要介绍了CSS 同级元素浮动分析小结的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Python+JavaScript+html编写的免费刷题工具,可以实现浏览器读取本地excel文件,自定义题库。 软件特色: 1.完全免费使用,没有任何广告插件; 2.实现了浏览器读取本地excel文件,非...5.支持手动显示和隐藏参考答案。
js代码-js 数组查找最后一个出现的元素 lastIndexOf