js--document对象操作内容(js简短汇总2)
(四)操作内容
1.表单元素。 赋值:obj.value=""; 取值:var s = obj.value;
2.非表单元素。 赋值:obj.innerHTML = ""; 取值:var s = obj.innerHTML;
1.
一个文本框,一个按钮;文本框内输入文字,点击按钮,按钮上的文字转换成文本框内输入的文字
2.
同意与不同意两个单选按钮,下方一个提交按钮;
默认为不同意按钮,提交按钮不可点,为不可用;点击为同意按钮时,提交按钮可用。
3.
复选框选择,多选,选中后,根据函数将所选中的选项的value值相加,输出结果
非表单元素的应用
4.
实现一个div层内的文字用alert输出
5.
登录,输入账号、密码;判断不能为空。
6.实现按钮9秒后可用,9秒内不可用
7.实现复选框的全选功能
首先是body内的表单设置
以下两图均是实现全选的js代码,al()略有不同,
(谨记:函数名切不可为关键字,否则不可用)
8.
实现下拉项,点击某层,下方出现图层,注意css、js书写规范,切莫写错单词,容易出错。
点击一下,出现下拉项,再点击一下,下拉项收回。
按此效果,显示的div层,只有一个,即红色区域只有一个。连续点击其他蓝色区域,只显示该蓝色区域下的红色区域
9.浏览图片,点击小图,大图在旁边显示。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。