js 控制展开折叠 div html dom
2016-01-26 21:02
495 查看
js 控制展开折叠 div html dom
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>Title</title> </head> <body> <!-- js 控制 展开 隐藏div --> <img src="image/down.png" onclick="test(this)"> <!--this 指 img 对象 --> <div id="div2" style="border:1px solid #ccc; width:300px; height:200px; display: block;"> (1)每个HTML标记都有事件句柄属性。onClick是HTML标记属性,不分大小写。 (2)HTML标记对应的元素对象也具有事件句柄属性,这个属性必须全小写,因JS区分大小写 </div> </body> </html> <script type="text/javascript"> function test(obj){ var div1=document.getElementById("div2"); if(div1.style.display=="block"){ div1.style.display="none"; obj.src="image/up.png"; }else{ div1.style.display="block"; obj.src="image/down.png"; } } </script>
相关文章推荐
- Javascript 中的非空判断 undefined,null, NaN的区别
- 关于 IScroll5 和IScroll4 的一些用法
- js构造函数学习笔记
- [Javascript] Call Stack
- JS总结之二:DOM对象控制HTML
- JS总结之一:字符串的调用方法
- js中基本常识
- js onclick="return test()"事件返回值,对有些事件,会影响默认动作的执行。如:onclick和onsubmit
- 提交表单时用json的格式提交
- C#Xml,json解析以及Socket传输问题
- js this的使用举例
- jsp中文乱码的一些小心得
- JavaScript基础
- JavaScript concat() 方法
- 常用JS代码段
- JavaScript优化(一)
- js金额数字格式化实现代码(三位加逗号处理保留两位置小数)
- js 日期格式化,天数加减
- JavaScript高级程序设计学习笔记-20160126
- 关于js中原型链的理解