欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實現(xiàn)隱藏同級元素后只顯示JS文件內(nèi)容的方法

 更新時間：2016年09月04日 16:16:54   作者：onestopweb  
這篇文章主要介紹了JS實現(xiàn)隱藏同級元素后只顯示JS文件內(nèi)容的方法,可實現(xiàn)將與js文件的同級元素全部隱藏,只顯示js文件內(nèi)容的功能,涉及javascript針對頁面元素的遍歷與屬性修改相關(guān)技巧,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)隱藏同級元素后只顯示JS文件內(nèi)容的方法。分享給大家供大家參考，具體如下：

這里的demo.html文件在打開后會短暫顯示與js文件同級的元素后馬上隱藏這些元素，并顯示同級的demo.js文件內(nèi)容。具體代碼如下：

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>內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容</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";
  }
 }
}

效果圖如下：

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

最新評論