JavaScript中点击按钮,改变其他标签中的内容
来源:互联网 发布:无线传输数据 编辑:程序博客网 时间:2024/05/22 01:56
主要实现代码如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />//这句话是解决中文乱码的问题
<title>主页面</title>
<script>
window.onload=function(){
var btn= document.getElementById('id1');
btn.onclick = function(){
document.getElementById('div1').style.color='gray';//hidden='true'这是元素的属性,不是元素的style
};
};
</script>
</head>
<body>
<input type="button" value="按钮" id="id1" />
<div id="div1">这是div中的内容</div>
</body>
</html>
该代码主要实现了,点击button按钮,改变div中元素的样式(style),同样也能改变元素的一些属性,例如hidden、不可编辑、disable等
阅读全文
1 0
- JavaScript中点击按钮,改变其他标签中的内容
- 点击按钮改变标签的内容
- 点击按钮改变标签内容(采用lambda函数方式)
- 【坑】通过点击按钮改变<div>中的内容
- 点击其他程序中的按钮
- Android Notification点击按钮改变内容方案
- JavaScript 点击单选按钮改变输入框(文本域)的内容
- jQuery点击li标签改变颜色,其他li标签不变
- 点击按钮改变本身按钮的文字内容
- 使用listview,item的按钮点击改变按钮背景,点击其他条目按钮还原
- 用JavaScript改变标签里的内容
- JavaScript和jQuery改变标签内容
- android listview、GridView中item点击后改变其他item中的状态 setOnItemClickListener onItemClick
- SWT实现点击菜单项或按钮改变面板内容
- 点击a标签改变链接字体颜色,点击其他标签,返回默认字体颜色
- Protocol 模拟UI中一个按钮点击改变lable中的值
- JSP页面中JQ实现---当点击按钮的时候,改变原来样式,内容也发生改变,再次点击变成原来的样子
- html5中点击按钮,改变按钮状态效果样式
- 二维码生成工具类
- Linux常用命令
- C++基础系列:sizeof与字节对齐问题
- 解决错误:Error : Please Select android SDK
- android图片缓存相关
- JavaScript中点击按钮,改变其他标签中的内容
- 运用@Transactional,自己抛出异常时不会回滚的原因
- 分享一个自己写的适合初学者的类似乒乓球的小游戏
- javascript之闭包深入理解:提薪靠你了.
- 以吃货的角度去理解云计算中On-Premise、IaaS、PaaS和SaaS
- Xilinx_SERDES动态延迟加解串的使用
- 解析多场景下的数据挖掘及个性化推荐算法应用——阿里文娱AKOL技术沙龙
- 权重选择算法Java实现
- JQgrid数据属性解析