zoukankan      html  css  js  c++  java
  • 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.浏览图片,点击小图,大图在旁边显示。

     

  • 相关阅读:
    英语apyrite红碧玺apyrite单词
    英语SouthRedAgate南红玛瑙
    英语kutnahorite金田黄kutnahorite单词
    英语chalchite蓝绿松石chalchite单词
    单词demantoite翠榴石demantoite英语
    英语fieldyellowstone田黄石fieldyellowstone单词
    Http通讯Util
    redis分布式锁工具类
    永不重复的id生成器
    二维码生成工具类
  • 原文地址:https://www.cnblogs.com/xianshui/p/4448819.html
Copyright © 2011-2022 走看看