① 如何用js判斷控制項是否隱藏
用JavaScript隱藏控制項的方法有兩種,分別是通過設置控制項的style的「display」和「visibility」屬性。
1、當style.display="block"或style.visibility="visible"時控制項或見,當.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屬性的值。
② 想讓html頁面的某個td隱藏。怎麼在js中控制
document.getElementById('需要隱藏的標簽ID').style.display = "none";
③ js中,點擊td顯示div,再點擊一次隱藏,又點擊顯示,一次循環,怎麼實現!
建議使用jquery插件。方法很簡單。
$("td").click(function(){
$("div").toggle();
})
用原生的需要多寫幾行了
vartd=document.querySelector("td");
vardiv=document.querySelector("div");
td.addEventListener("click",toggle,false);
functiontoggle(){
varisShow=div.style.display;
div.style.display=isShow=="none"?"":"none";
}
④ JS獲取DIV或TD的內容進行判斷並隱藏
你這段js放在哪的?如果在head里,dom都沒有載入完,他就執行了,當然找不到相應的元素了。。。所以要寫在載入事件之後。。。
window.onload=function(){
varkkk=document.getElementById('kkk'),
qwe=document.getElementById('qwe');
if(kkk.innerText=="qqq"){
kkk.style.display="none";
}
if(qwe.innerText=="qqq"){
qwe.style.display="none";
}
}
另外,一般會有個觸發機制,上邊這樣寫是能實現的,但是真正用的時候肯定不這么寫
⑤ 怎樣讓table中指定的一個td隱藏不顯示
或者給這個td起個ID 如 ID為 "this_td" 用jquery 的 $("#this_id").hide() 則可以讓此td隱藏 如果還有什麼不懂的希望可以提出來