码迷,mamicode.com
首页 > Web开发 > 详细

js--document对象操作内容(js简短汇总2)

时间:2015-04-22 23:29:18      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:

(四)操作内容

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.浏览图片,点击小图,大图在旁边显示。

 技术分享技术分享

 

js--document对象操作内容(js简短汇总2)

标签:

原文地址:http://www.cnblogs.com/xianshui/p/4448819.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!