1. 程式人生 > >用js來隱藏div

用js來隱藏div

 function showhidediv(id){
  try{
    var sbtitle=document.getElementById(id);
    if(sbtitle){
      if(sbtitle.style.display=='block'){
        sbtitle.style.display='none';
      }else{
        sbtitle.style.display='block';
      }
    }
  }catch(e){}
}

        上面的程式碼,其中sbtitle是模板裡一個div的id,模板的範例可見下:

<div id="sbtitle">
<div onclick='showhidediv("toggle");'>最新日誌</div>
<div id="toggle" style="display:none;"></div>

</div>

相關推薦

js隱藏div

 function showhidediv(id){  try{    var sbtitle=document.getElementById(id);    if(sbtitle){      if(sbtitle.style.display=='block'){    

利用JS改變div的高度

eight get block tex font lec textarea style cnblogs var contextBlockHeight = document.getElementById(‘contextBlock‘).clientHeight; if (

js實現那些數據結構(數組篇01)

指定 賦值 重要 原始類型 delete 號稱 如果 開發 實現原理    在開始正式的內容之前,不得不說說js中的數據類型和數據結構,以及一些比較容易讓人混淆的概念。那麽為什麽要從數組說起?數組在js中是最常見的內存數據結構,數組數據結構在js中擁有很多的方法,很多初學者

js實現那些數據結構10(集合02-集合的操作)

交集 學習 href targe 更改 分類 擁有 ren log   前一篇文章我們一起實現了自定義的set集合類。那麽這一篇我們來給set類增加一些操作方法。那麽在開始之前,還是有必要解釋一下集合的操作有哪些。便於我們更快速的理解代碼。   1、並集:對於給定的兩個集合

js實現那些數據結構11(字典)

完成 str function .get 自己的 items 結構 AR pre   我們這篇文章來說說Map這種數據結構如何用js來實現,其實它和集合(Set)極為類似,只不過Map是【鍵,值】的形式存儲元素,通過鍵來查詢值,Map用於保存具有映射關系的數據,Map裏保存

js實現那些數據結構14(樹02-AVL樹)

PE 有一個 解決 講解 html 16px var map 操作   在使用二叉搜索樹的時候會出現 一個問題,就是樹的一條分支會有很多層,而其他的分支卻只有幾層,就像下面這樣:   如果數據量夠大,那麽我們在某條邊上進行增刪改查的操作時,就會消耗大量的時間。我們花費精力

js實現那些數據結構15(圖01)

ice ring repeat fan lB tool ati ges lba 其實在上一篇介紹樹結構的時候,已經有了一些算法的相關內容介入。而在圖這種數據結構下,會有更多有關圖的算法,比如廣度優先搜索,深度優先搜索最短路徑算法等等。這是我們要介紹的最後一個數據結構。同時也

JS實現一個棧

分別使用線性表和連結串列兩種形式 //使用連結串列實現 function linkedStack(){ var top; var length = 0; function Node(element){ this.element = element;

js實現那些資料結構14(樹02-AVL樹)

在使用二叉搜尋樹的時候會出現 一個問題,就是樹的一條分支會有很多層,而其他的分支卻只有幾層,就像下面這樣:  如果資料量夠大,那麼我們在某條邊上進行增刪改查的操作時,就會消耗大量的時間。我們花費精力去構造一個可以提高效率的結構,反而事與願違。這不是我們想要的。所以,我們需要另

JavaScript:JS函式隱藏瀏覽器位址列 .

1、直接函式呼叫法: 在Body標籤之前插入如下程式碼 <script LANGUAGE=”JavaScript”> <!– function openwin(url) { window.open (url, “newwindow”, “height=300, width=400,

js控制元件div的滾動條,讓它在內容更新時自動滾到底部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

原生js顯示隱藏div區域塊

<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conten

JS顯示當前時間並自動重新整理和JS對錶格資料修改儲存

通過這兩天的學習已經可以做到用JS來做一些簡單的表格增刪,今天的課上練習主要在以下兩個方面:用JS來顯示當前的時間並用中文表示,這個比較簡單,只需要獲取當前的時間,並在單位後加上中文的單位就可以:                        var myDate=new D

關於JS隱藏div佔用和不佔用頁面位置的小記錄

 document.getElementById("qijiandian").style.display = "block"; //顯示DIV   document.getElementById("qijiandian").style.visibility = "visi

移動端通過jsrem控制字體大小的用法

mar blog max-width size 結束 idt height clas eset 通過js來控制頁面字體大小,直接上代碼: (function() { var rootHtml = $(":root"); var rootResize = function(

Vue.js開發一個電影App的前端部分

column 多種方式 -a 目標 部分 cli 多路由 cdn tor 我們要構建一個什麽樣的App? 我們大多數人使用在線流媒體服務(如Netflix)觀看我們最喜歡的電影或者節目。這篇文章將重點介紹如何通過使用vue.js 2建立一個類似風格的電影流媒體WEB交互界

js把某個div或其他元素圖片的形式導出或下載

doc ros 頁面 save 兩個 left cal create 導出 很多時候需要用到把頁面上的某個塊元素用圖片的形式導出來,例如導出一些表格構成的單據 思路:把指定的html內容轉換成canvas,然後再轉換成圖片 這裏推薦使用這兩個庫 <script sr

AOP讓你的JS程式碼變得更有可維護性吧

此文已由作者吳佳祥授權網易雲社群釋出。 歡迎訪問網易雲社群,瞭解更多網易技術產品運營經驗。 好吧我承認這是篇任務。 最近看到個訊息,ES2017已經定稿了,心想,我去,還完全沒了解ES2016呢,ES8就定稿了,out了,這可咋辦,趕緊Google(Baidu)去! 不過從ES6(2015)之後,tc39的

jQuery實現點擊div外的區域,隱藏指定節點

wid set ava turn function height spa spl class <!DOCTYPE html> <html> <head> <meta charset="UTF

jQuery實現點選div外的區域,隱藏指定節點

  <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="http://code.jquery.com/