js--document对象操作内容(js简短汇总2)
2015-04-22 21:59
323 查看
(四)操作内容
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.浏览图片,点击小图,大图在旁边显示。
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.浏览图片,点击小图,大图在旁边显示。
相关文章推荐
- document--操作相关元素(js简短汇总3)
- js操作json对象和数组读取内容
- (JS错误)document对象操作,获取对象的错误
- 使用js内置对象document对html的标签做一些动态的操作
- js定义父类窗口,接收子窗口返回的内容,window.opener.document取得父类窗口的对象.html
- js中window和document对象及如何操作iframe
- JS判断两个对象内容是否相等的方法示例及开发面试题汇总(图)
- JS中用document对象操作form表单 案例
- 前端JS面试题汇总 Part 3 (宿主对象与原生对象/函数调用方式/call与apply/bind/document.write)
- JS DOM操作(四) Window.docunment对象——操作内容
- JavaScript学习笔记——DOM_对document对象的内容、属性、样式的操作
- JS中:关于form中的Checkbox的操作: document.getElementsByName("name"),如何取消选中状态,如何将文本框内容清空
- JavaScript操作Document对象内容集合
- js关于document和window对象
- ASP.NET 创建母版页导致js出现“ 'document.getElementById(...)' 为空或不是对象”错误
- js手册学习--Document 对象
- JS 学习游记三DOM对象操作
- JS查看Object对象的内容
- js 实现图片预加载 (js操作 Image对象属性complete ,事件onload 异步加载图片)
- js 面向对象操作例子