js判斷visible

『壹』 js中怎麼控制一個標簽的顯示與隱藏

利用來JS控制頁面控制項顯示和隱藏有兩種方法，兩種方法分別利用HTML的style中的兩個屬性，兩種方法的不同之處在於控制項隱藏後是否還在頁面上占空位。

方法一：

document.getElementById("EleId").style.visibility="hidden";'設置EleId標簽隱藏
document.getElementById("EleId").style.visibility="visible";設置EleId標簽顯示

利用上述方法實現隱藏後，頁面的位置還被控制項佔用，顯示空白。

定義和用法

visibility 屬性設置元素是否可見。

方法二：

document.getElementById("EleId").style.display="none";設置EleId標簽隱藏
document.getElementById("EleId").style.display="inline";設置EleId標簽顯示

利用上述方法實現隱藏後，頁面的位置不被佔用。

定義和用法

display 屬性設置元素如何顯示。

『貳』 如何用JS判斷控制項是否隱藏

用JavaScript隱藏控制項的方法有兩種，分別是通過設置控制項的style的「display」和「visibility」屬性。
1、當style.display="block"或style.visibility="visible"時控制項或見，當style.display="none"或style.visibility="hidden"時控制項不可見。不同的是「display」不但隱藏控制項，而且被隱藏的控制項不再佔用顯示時佔用的位置，而「visibility」隱藏的控制項僅僅是將控制項設置成不可見了，控制項仍然占俱原來的位置。
如圖：
2、以下的值可以參考：
none
此元素不會被顯示。
block
此元素將顯示為塊級元素，此元素前後會帶有換行符。
inline
默認。此元素會被顯示為內聯元素，元素前後沒有換行符。
inline-block
行內塊元素。（CSS2.1新增的值）
list-item
此元素會作為列表顯示。
run-in
此元素會根據上下文作為塊級元素或內聯元素顯示。
compact
CSS
中有值compact，不過由於缺乏廣泛支持，已經從CSS2.1
中刪除。
marker
CSS
中有值marker，不過由於缺乏廣泛支持，已經從CSS2.1
中刪除。
table
此元素會作為塊級表格來顯示（類似<table>），表格前後帶有換行符。
inline-table
此元素會作為內聯表格來顯示（類似<table>），表格前後沒有換行符。
table-row-group
此元素會作為一個或多個行的分組來顯示（類似<tbody>）。
table-header-group
此元素會作為一個或多個行的分組來顯示（類似<thead>）。
table-footer-group
此元素會作為一個或多個行的分組來顯示（類似<tfoot>）。
table-row
此元素會作為一個表格行顯示（類似<tr>）。
table-column-group
此元素會作為一個或多個列的分組來顯示（類似<colgroup>）。
table-column
此元素會作為一個單元格列顯示（類似<col>）
table-cell
此元素會作為一個表格單元格顯示（類似<td>和<th>）
table-caption
此元素會作為一個表格標題顯示（類似<caption>）
inherit
規定應該從父元素繼承display屬性的值。

『叄』 JS選中單選框，顯示DIV層里的內容，默認DIV內容不顯示

這個用CSS搭配js就可以解決，通過visibility（佔地兒）的hidden或display的none（不佔地兒）此元素不會被顯示（不佔地兒）屬性就可以讓其默認為不顯示，通過js判斷當選中單選框時，將目標DIV層的屬性改為visible或block即可

『肆』 手機切換到後台h5頁面js不運行

在html5中document新增了一個事件 visibilitychange,這個事件在頁面前台或後台切換時被觸發，你所說的問題就簡單了，它也有個對應的屬性visibilityState,用於檢測當前頁面的狀態值為hidden還是visible。
解法是，在hidden時記錄當前時間，在visible時用當前時間減去之前記錄的時間就為當前倒計時需要減去的時間，這也就不需要和後台溝通了，或者你直接在visible時刷新頁面也行，下面是小樣，你測試一下

var b=getTime();

function getTime()
{
return Date.now();

}

document.addEventListener('webkitvisibilitychange',function()
{

if(document.webkitVisibilityState=='hidden')
{
b=getTime();

}else
{
document.body.appendChild(document.createTextNode('間隔:'+(getTime()-b)))

}

})
document.addEventListener('mozvisibilitychange',function()
{

if(document.mozVisibilityState=='hidden')
{
b=getTime();

}else
{
document.body.appendChild(document.createTextNode('間隔:'+(getTime()-b)))

}

})

『伍』 伺服器控制項visible=false,如何通過js使其可見

首先你是伺服器端控制項。
var
hf
=
document.getelementbyid("hfidlist");
這個方法肯定是對的。
只是你的id在客戶端中的源代碼中變了。
你點擊右鍵查看源代碼得到正確的id即可。
或者採用
var
hf
=
document.getelementbyid("<%=hfidlist.clientid%>");
<%=hfidlist.clientid%>
可直接獲取正確的id。

『陸』 想x軸超出隱藏,y軸超出內容顯示.overflow-x:hidden; overflow-y:visible;這樣寫,y軸會出滾動條怎麼辦呢

1、為一個容器抄定義橫向隱藏、縱向溢出這樣是辦不到的。其實可以換種思路：把容器的高度去掉，讓其內容自己撐開容器，這樣不會出現滾動條，和縱向溢出的最終目的是一樣的；然後設置橫向隱藏overflow-x:hidden即可。但如果你這樣寫overflow-x:hidden; overflow-y:visible，y軸會出滾動條。

2、思路是：在數據table的外面創建只一個彈出菜單，這個菜單是position:absolute的，然後根據點擊按鈕的位置來用js動態為這個菜單調整top和left屬性，簡言之就是用一個菜單供所有操作按鈕來共用，再通過一些手段來區分到底是那個按鈕被點擊了。附圖是我根據你的意圖寫的一個demo：

『柒』 js中的visible屬性什麼意思

display:none ---不為被隱藏的對象保留其物理空間，即該對象在頁面上徹底消失，通俗來說就是看不見也摸不到。
visible:hidden--- 使對象在網頁上不可見，但該對象在網頁上所佔的空間沒有改變，通俗來說就是看不見但摸得到。