原生js设置div隐藏或者显示_js显示和隐藏div如何修改

展开全部

有三种方法实现，原声js两种，还有一种jquery的，其实只是写636f70793231313335323631343130323136353331333337623530法不同。方法如下：

显示内容

点击显示

/*原生的js写法*/

function showdiv(){

if(showdiv_display = document.getElementById('show').style.display=='none'){//如果show是隐藏的

document.getElementById('show').style.display='block';//show的display属性设置为block(显示)

}else{//如果show是显示的

document.getElementById('show').style.display='none';//show的display属性设置为none(隐藏)

}

/*原生简写(三元运算)*/

function showdiv(){

原理相同只是写法不同，判断show的display是不是none 是则设为block显示不是则设为none隐藏

document.getElementById('show').style.display = document.getElementById('show').style.display=="none"?"block":"none";

}

/*jquery*/

function showdiv(){

if($("#show").css("display")=='none'){//如果show是隐藏的

$("#show").css("display","block");//show的display属性设置为block(显示)

}else{//如果show是显示的

$("#show").css("display","none");//show的display属性设置为none(隐藏)

}

原生js设置div隐藏或者显示_js显示和隐藏div如何修改相关推荐

原生js打印阅览复选框不显示问题
原生js打印阅览复选框不显示问题原生js打印预览,主要是阅览时候回出现一些问题,比如复选框传值,√不显示,那么怎么来解决这个问题呢?首先我们看一下效果图:我的页面是vue环境这是预览状态,√和元页 ...
原生JS设置和获取transform样式
原生JS设置和获取transform样式用JS获取transform样式的值 let tabulW = document.querySelector('.tabul') /* 获取DOM元素*/ l ...
原生js设置div隐藏或者显示_使用JavaScript显示/隐藏‘div’
如何显示或隐藏元素: 为了显示或隐藏元素,操作元素的风格属性..在大多数情况下,您可能只想更改元素的display财产:element.style.display = 'none'; ...
html js 设置样式,原生js设置样式笔记：JS设置CSS样式的几种方式
document(id名).style.backgroundColor = "ren" css里的属性有-的就去掉将首字母大写. js如何添加CSS样式中的class添加属性用J ...
原生JS设置CSS样式有多少方式
文章导航 element.style element.style.cssText 有什么区别原生 JS 调整样式方式有 3 种. element.style 属性需要使用驼峰形式 !importan ...
原生JS设置cookie、读取cookie、删除cookie
JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的. 而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一 ...
原生js设置div隐藏或者显示_JS实现“隐藏与显示”功能(多种方法)
下面我将效果图展示出来: 1,通过按钮实现隐藏与显示: 这个是通过按钮点击实现的隐藏与显示,具体代码如下: 通过按钮实现隐藏和显示 .body{ margin: 0 auto; } #show{ wi ...
原生js设置div隐藏或者显示_JavaScript动画方式控制div元素的隐藏和显示
jQuery实现此功能相对比较简单,具体参阅点击按钮动画方式隐藏和显示div一章节. 结合CSS3实现此功能也非常便利和适合,具体参阅JavaScript与CSS3动画方式改变元素尺寸一章节. 原生J ...
原生js设置div隐藏或者显示_10种JS控制DIV的显示隐藏代码
div隐藏与显示 #menus { background-color: #c4cff0; } function Layer_HideOrShow(cur_div) { var current=docu ...

原生js设置div隐藏或者显示_js显示和隐藏div如何修改

原生js设置div隐藏或者显示_js显示和隐藏div如何修改相关推荐

最新文章

热门文章