1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title></title>
  6.         <style>
  7.             span{
  8.                 border: 1px solid #e85356;
  9.                 display: inline-block;
  10.                 width: 302px;
  11.                 background: #e4393c;
  12.                 height: 31px;
  13.                 line-height: 31px;
  14.                 color: #fff;
  15.                 font-size: 20px;
  16.                 font-family: 'Microsoft YaHei';
  17.                 text-align: center;
  18.                 cursor: pointer;
  19.             }
  20.             span:active{
  21.                 outline: rgb(77,144,254) auto 5px;
  22.             }
  23.         </style>
  24.         <script>
  25.  
  26.             function test(){
  27.                 /**
  28.                  * 1:radio    checkbox中的获取的属性
  29.                  */
  30. //                var elements = document.getElementsByName("bank");
  31. //                for (var i=0;i<elements.length;i++) {
  32. //                    console.log(elements[i].name);
  33. //                    console.log(elements[i].checked);
  34. //                    console.log(elements[i].disabled);
  35. //                }
  36.                 /**
  37.                  * 2;type="text"  type="password"  textarea中获取的属性和方法
  38.                  */
  39. //                    var element = document.getElementById("password");
  40. //                        //element.disabled=true;//设置为禁用
  41. //                        //element.readOnly=true;//只读
  42. //                        element.focus();
  43.                 /**
  44.                  * 3;select(option)中获取的属性和方法
  45.                  */
  46.                 var element = document.getElementById("grade");
  47.                 //console.log(element.selectedIndex);
  48.  
  49. //                var options = element.options;
  50. //                //console.log(options[element.selectedIndex].value);
  51. //                for (var i=0;i<options.length;i++) {
  52. //                    console.log(options[i].value+","+options[i].selected+","+options[i].text);
  53. //                }
  54.  
  55.                 var option=new Option("四年级",'4');
  56.                 element.add(option);
  57.                 element.remove(0);
  58.             }
  59.  
  60.         </script>
  61.     </head
  62.     <body>
  63.         <form action="http://www.baidu.com">
  64.             <input type="radio"name="bank" value="0" />农业
  65.             <input type="radio"name="bank" value="1" />工商
  66.  
  67.             <input type="password" id="password" />
  68.  
  69.             <select id="grade">
  70.                 <option value="1">一年级</option>
  71.                 <option value="2">2年级</option>
  72.                 <option value="3" selected="selected">3年级</option>
  73.             </select>
  74.             <span onclick="test()">提交</span>
  75.         </form>
  76.     </body>
  77. </html>

javascript——HTML对象的更多相关文章

  1. javascript 全局对象--w3school

    JavaScript全局对象 1.  decodeURI()解析某个编码的URI. 2.decodeURInComponent()解析一个编码的URI组件. 3.encodeURI()把字符串编码为U ...

  2. JavaScript Json对象和Json对象字符串的关系 jsonObj<->JsonString

    JavaScript Json对象和Json对象字符串的关系 jsonObj<->JsonString 如下示例: 直接写的a1就是一个Json对象,a2 就是一个Json对象字符串; 通 ...

  3. 从零构建JavaScript的对象系统

    一.正统的类与继承 类是对象的定义,而对象是类的实例(Instance).类不可直接使用,要想使用就必须在内存上生成该类的副本,这个副本就是对象. 以Java为例: public class Grou ...

  4. 关于javascript自定义对象(来自网络)(最近几天不会的)

    javascript定义对象的几种简单方法 1.构造函数方式,全部属性及对象的方法都放在构造方法里面定义 优点:动态的传递参数 缺点:每创建一个对象就会创建相同的方法函数对象,占用大量内存 funct ...

  5. 据说每个大牛、小牛都应该有自己的库——JavaScript原生对象拓展

    在据说每个大牛.小牛都应该有自己的库——框架篇中我扬言要做个小牛,没想到一天没更新,小伙儿伴们就戏谑的问我,油哥是不是要太监了?其实事情是这个样子的,这不是太监的节奏,一是,关于写个自己的库的想法由来 ...

  6. JavaScript RegExp 对象

    JavaScript RegExp 对象 RegExp 对象用于规定在文本中检索的内容. 什么是 RegExp? RegExp 是正则表达式的缩写. 当您检索某个文本时,可以使用一种模式来描述要检索的 ...

  7. JavaScript String 对象

    JavaScript String 对象 String 对象 String 对象用于处理文本(字符串). String 对象创建方法: new String(). 语法 var txt = new S ...

  8. JavaScript Math 对象

    JavaScript Math 对象 Math 对象 Math 对象用于执行数学任务. Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(). 语法 var ...

  9. JavaScript Number 对象

    JavaScript Number 对象 Number 对象 Number 对象是原始数值的包装对象. Number 创建方式 new Number(). 语法 var num = new Numbe ...

  10. JavaScript Array 对象

    JavaScript Array 对象 Array 对象 Array 对象用于在变量中存储多个值: var cars = ["Saab", "Volvo", & ...

随机推荐

  1. 网络共享服务—SAMBA服务

    SAMBA服务简介 SMB:Server Message Block服务器消息块,IBM发布,最早是DOS网络文件共享协议 Cifs:common internet file system,微软基于S ...

  2. Java同步数据结构之LinkedBlockingDeque

    前言 前面介绍完了队列Queue/BlockingQueue的实现类,接下来介绍双端队列Deque/BlockingDeque的实现类之一LinkedBlockingDeque,它是一种基于链表的可选 ...

  3. Python - social-auth-app-django 模块 - 商城项目 第三方方式登录 - 微博

    开发准备 开通微博开发者权限 点击这里 进入 微博开放平台 开通后权限后创建应用 创建网页应用, 此处不需要进行审核即可使用测试环境 开发环境信息 此处一些信息是很重要的东西, 比如 App_key ...

  4. Jmeter启动闪退

    背景:使用Jmeter进行性能测试脚本开发,实现Jmeter接口开发Java请求 问题再现: 1.在官网上下载Jmeter3.2版本,打开jmeter.bat,启动成功 2.在IDEA中创建测试项目和 ...

  5. vector swap

    #include <iostream>#include <vector>#include <list>#include <deque> using na ...

  6. 阶段5 3.微服务项目【学成在线】_day04 页面静态化_09-freemarker基础-内建函数

    可以理解为freemaker提供的一些函数和方法 controller里面记得把map的数据注释去掉,.放开代码 工程需要重启下 <br/> 学生的个数: ${stus?size} < ...

  7. django.template.exceptions.TemplateDoesNotExist: index.html

    django.template.exceptions.TemplateDoesNotExist: index.html 在网上查了下,setting中 TEMPLATES 的 'DIRS' 需要添加o ...

  8. MLN 讨论 —— inference

    We consider two types of inference: finding the most likely state of the world consistent with some ...

  9. iOS-MMDrawerController的使用【抽屉视图+（SUNSlideSwitchView）进度条手势滑动】转

    下载网站:https://github.com/mutualmobile/MMDrawerController 首先,到下载网址下载MMDrawerController,将文件导入工程,里面有: MM ...

  10. 利用matlab自带函数graycoprops 实现基于共生矩阵的遥感图像纹理特征分析

    close all;clear all;clc;I = imread('yaogan2.jpg');HSV = rgb2hsv(I);Hgray = rgb2gray(HSV);% 计算64位灰度共生 ...