js 怎么用一个按钮控制DIV来回显示和隐藏

js 怎么用一个按钮控制DIV来回显示和隐藏,第1张

1 注册按钮的单击事件,

2 在按钮事件中获取到你要控制的DIV ,通过ID , class 或者其他方式

3 判断DIV 当前的显示状态,如果是显示的,则隐藏,如果隐藏则显示

拿走,不谢,表格本来是空的

<!DOCTYPE html>

<html>

<head lang="en">

<meta charset="UTF-8">

<title>js</title>

<style type="text/css">

</style>

<script>

windowonload=function(){

var str='';

var x=documentgetElementById('s');

for(var i=1;i<4;i++){

str+='<tr>';

for(var j=1;j<3;j++){

str+='<td>这是第'+i+'行,第'+j+'列</td>';

}

str+='<td><button>点我</button></td></tr>';

}

sinnerHTML=str;

var b=documentgetElementsByTagName('button');

for(var i=0;i< blength;i++){

b[i]onclick=function(){

alert(thisparentNodeparentNodeinnerText);

}

}

}

</script>

</head>

<body>

<table id="s"></table>

</body>

</html>

文本框和密码框都是input元素,只是type属性值不一样,因此只要将type属性由text修改为password即可实现文本框变密码框。示例如下:

1、HTML结构

<input type="text" id="test" value="请输入密码" onclick="fun(this)">

2、javascript代码

function fun(obj){    objvalue = "";    objtype = "password";}

3、效果演示

推荐使用jquery ajax,那个按钮ID为“changebtn”,默认为显示“未拨打”,当点击的时候将$("#changebtn")val("显示全部"),然后再次点击判断val==“显示全部”就又将value改为"未拨打"就可以了,然后在ajax处理页面进行查询就可以了,你不会说你不知道怎么查询吧

以上就是关于js 怎么用一个按钮控制DIV来回显示和隐藏全部的内容,包括:js 怎么用一个按钮控制DIV来回显示和隐藏、js获取循环表格中的按钮点击事件及当前行内容、js点击登录按钮获取到账号密码文本框内容并加密传输等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9641424.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存