本文实例讲述了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>头部信息</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";
}
}
}
效果图如下:
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript遍历算法与技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关推荐:
seo相当于什么职业,seo相当于什么职业类别 ,AI几何兔子
seo搜索矩阵平台是什么,seo搜索工具 ,小茗ai
seo灰帽是什么,灰帽是指什么 ,ai玩西游
“新关键词”开启智慧营销新篇章,助力品牌突围,餐饮网站推广策划
seo最忌讳些什么,seo最忌讳些什么内容 ,ai前端盒
什么是seo及作用,简述什么是seo 谷歌seo信息是2
SEO是什么以及全写,seo全称为 长宁区百度网站优化定制
海门机房精密空调怎么样?
VPS一键云盘,极速存储,轻松打造个人云存储中心
杭州高效机房怎么样?
seo是什么牌子中文,seo是什么意思中文 ,清冷感古风ai
机房没有吊钩会怎么样?
seo是什么职业m,seo是什么职业做什么的 建邺区百度网站推广
SEO找出网站流量提升的终极策略,带你走向搜索引擎巅峰!,辛集竞价网站推广哪家好
seo描述是写什么,seo描述的专业要求 ,电脑版吃鸡AI训练
seo综合查找工具是什么,seo综合查询工具下载 兰州高效网站建设费用
空调怎么样算库存机房?
seo经验是什么,seo进阶 ,ai练字笔 杭州
seo渠道优化是什么,seo渠道推广怎么做 ,ai 00
公司seo是什么工资,seo工资高吗 唐山迁安网站优化
探秘狼友视频背后的神秘VPS,速度与激情的双重盛宴!
企业站用什么seo好,企业站seo推广方案 塔城抖音推广营销招聘
亚马逊怎么推广SEO是什么,亚马逊怎么推广seo是什么类型 网站seo推荐有客专业
seo有什么优缺点,seo有哪些优缺点 建设网站设计讲究
SEO教研:数字营销新趋势,提升网站流量与转化率的关键,青岛建设专业网站
SEO场景下的数字营销:如何通过精准优化提升网站流量,山东seo推广推荐机构
农村通信电信机房怎么样?
SEO是什么化学,seo是啥意思啊 ,牛奶包装ai关键词
机房工程公司怎么样发展?
SEO组织:让您的网站流量倍增的秘密武器,福田seo方法
SEO每日:提高网站流量的秘密武器,助你脱颖而出,河津响应式网站建设
SEO收集:如何通过有效数据收集提升网站排名,乐山网站建设收费
了解SEO:让你的网站在搜索引擎中脱颖而出的秘密武器,枣庄水处理网站建设
seo营销到底是什么,seo算什么营销 ,联想ai noe
seo黑帽是什么,列举几种seo黑帽行为 ,和ai聊骂ai违法吗
SEO抢权:如何在竞争激烈的市场中占得先机,赫哥企业营销推广
什么是真正的seo技术,什么是真正的seo技术 柳州关键词网站优化排名
SEO动态:2025年SEO趋势与优化技巧解析,做网站优化分析
seo线索收集是什么,seo线索收集是什么意思 ,志明ai
SEO站内优化:提升网站排名的核心策略,潍坊营销型网站建设费用
克隆侠站群,克隆侠站群怎么修改首页 草河网站推广
什么是基本的seo,基本seo技术 荆州seo排名技术
在机房睡觉会怎么样?
seo是什么手表,seo是什么单词 台州seo软件获客
SEO开发:数字营销的核心驱动力,装修公司如何做营销推广
手机掌控VPS,远程操作指南,轻松实现操控梦想!
产品经理seo是什么,产品经理seo是什么意思 ,ai小洋
seo是什么游轮,seo you ,ai虚拟演员
什么是蜘蛛弛?揭秘这个SEO优化背后的神秘工具,济宁网站建设机构名单查询
seo给你什么帮助,seo的利与弊 ,ai能打开不能正常使用