JS隐藏显示切换

JavaScript09

JS隐藏显示切换,第1张

利用js的dom操作元素样式

工具/材料

编辑器(txt也可以)

01

声明temp变量达到开关效果

02

获取button和div的节点

btn点击的时候判断temp,如果temp等于true

div的样式就看不见

temp的值=取反 也就是这会temp = false

特别提示

注意temp的值没此判断后改变他,否则if不成立后续代码不执行

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('button').click(function(){$('#123').css('display','block')})。

3、浏览器运行index.html页面,此时点击btn按钮后,div的内容成功被显示了出来。

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建一个html文件,例如:index.html。

2、在index.html文件的<script>标签中,写入js:

$('button').click(function () {

$('div').hide()

$('div').eq(parseInt(3 * Math.random())).show()

})

3、浏览器运行index.html页面,此时点击btn按钮总会显示其中1个div和隐藏另外2个div。