JS学习二_js 获取第一个parent节点隐藏-优快云博客

本文详细介绍了JavaScript中toggle()方法的使用，包括如何切换元素的可见状态，设置切换速度，执行回调函数，以及通过布尔值参数控制显示或隐藏。同时，文章还提供了使用纯JS实现div元素显示和隐藏的方法。

toggle() ：切换元素的可见状态。如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。

$(selector).toggle(speed,callback,switch)

speed：可选。规定元素从可见到隐藏的速度（或者相反）。默认为 "0"。

可能的值：毫秒（比如 1500），"slow"，"normal"，"fast"

在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。如果设置此参数，则无法使用 switch 参数。

callback：可选。toggle 函数执行完之后，要执行的函数。除非设置了 speed 参数，否则不能设置该参数。

switch：可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。True - 显示所有元素，False - 隐藏所有元素。如果设置此参数，则无法使用 speed 和 callback 参数。

示例：

<div id ="dropdowndiv" class="drop_down_div" style="border-top-width:0px" >

<div class="arrow" title="隐藏" onclick="toggle(dropdowndiv)" ></div>

点击后，ID为dropdowndiv的div将被隐藏或显示

parentNode 属性

返回<li> 元素父节点

document.getElementById("item1").parentNode;

div标签内直接设置背景颜色

<div style="background:#000; color:#FFF">背景为黑色</div>

JS做div的隐藏和显示

document.getElementById("typediv1").style.display="none";//隐藏
 
document.getElementById("typediv1").style.display="";//显示

<script language="javascript">
//创建一个showhidediv的方法，直接跟ID属性
function showhidediv(id){
var sbtitle=document.getElementById(id);
if(sbtitle){
   if(sbtitle.style.display=='block'){
   sbtitle.style.display='none';
   }else{
   sbtitle.style.display='block';
   }
}
}
</script>