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

 技术分享技术分享

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。