8月8号=》361页-365页

14.3.3  访问表单控件

    表单在DOM中由HTMLFormElement对象表示,该对象除了可调用前面介绍的基本属性和方法之外,还拥有如下几个常用属性。

      action:返回表单的action属性值,该属性用于指定表单的提交地址。读写属性。

      elements:返回表单内全部表单控件所组成的数组。使用该数组可以访问该表单内的任何表单控件。只读属性。

      length:返回表单内表单域的个数,该属性等于elements.length的值。只读属性。

      method:返回该表单的method属性,该属性通常有POST和GET两个值,默认采用GET方式。该属性用于确定表单发送请求的方式。读写属性。

      target:用于确定提交表单时的结果窗口,可以是_self、_parent、_top、_blank等值。读写属性。

    除此之外,Form对象还有如下两个常用的方法。

      reset():重设表单,将所有表单域的值设为初始值。

      submit():提交表单。

    HTMLFormElement访问表单控件有如下3中语法。

      formObj.elements[index]:返回表单中第index个表单控件。

      formObj.elements[‘elementName‘]:返回表单中id或name为elementName的表单控件。

      formObj.elementName:返回表单中id或name为elementName的表单控件。

14.3.4  访问列表框、下拉菜单的选项

    HTMLSelectElement代表一个列表框或下拉菜单,HTMLSelectElement对象除了可使用普通HTML元素的各种属性和方法外,

    还支持如下额外的属性。

      form:返回列表框、下拉菜单所在的表单对象。只读属性。

      length:返回列表框、下拉菜单的选项个数。该属性的值可通过增加或删除列表框的选项来改变。只读属性。

      options:返回列表框、下拉菜单里所有选项组成的数组。只读属性。

      selectdIndex:返回下拉列表中选中选项的索引,如果有多个选项被选中,则只返回第一个被选中选项的索引。读写属性。

      type:返回下拉列表的类型,即是否允许多选。如果允许多选,则返回select-multiple;如果不支持多选,则返回select-one。

    HTMLSelectElement的options属性可直接访问列表框、下拉菜单的所有列表项,传入指定索引即可访问指定列表项,语法格式如下。

      select.options[index]:返回列表框、下拉菜单的第index+1个选项。

    列表框、下拉菜单的选项由HTMLOptionElement对象表示,除了前面介绍的普通属性之外,该对象还提供了如下几个常用属性。

      form:返回包含该选项所处列表框、下拉菜单的表单对象。

      defaultSelected:返回该选项默认是否被选中。只读属性。

      index:返回该选项在列表框、下拉菜单中的索引。只读属性。当然也可以通过增加或删除列表框的选项来改变该选项的索引值。

      selected:返回该选项是否被选中,通过修改该属性可以动态改变该选项是否被选中。

      text:返回该选项呈现的文本,就是<option>和</option>之间的文本。对HTMLOptionElement而言,该属性与innerHTML属性相同。

      value:返回每个选项的value属性,可以通过设置该属性来改变选项的value值。

14.3.5  访问表格子元素

    HTMLTableElement代表表格,HTMLTableElement对象除了可使用普通HTML元素的各种属性和方法外,还支持如下额外的属性。

      caption:返回该表格的标题对象。可通过修改该属性来改变表格标题。

      HTMLCollection rows:返回该表格里的所有表格航,该属性会返回<thead>、<tfoot>和<tbody>元素里的所有表格航。只读属性。

      table.rows[index]:返回该表格第index+1行的表格行。

      HTMLCollection tBodies:返回该表格里所有<tbody>元素组成的数组。

      tFoot:返回该表格里的<tfoot>元素。

      fHead:返回该表格里的所有<thead>元素。

    HTMLTableRowElement代表表格行,HTMLTableRowElement对象除了可使用普通HTML元素的各种属性和方法外,还支持如下额外的属性。

      cells:返回该表格行内所有的单元格组成的数组。只读属性。

      rowIndex:返回该表格行在表格内的索引值。只读属性。

      sectonRowIndex:返回该表格行在其所在元素(<tbody>、<thead>等元素)的索引值。只读属性。

    HTMLTableCellElement代表单元格,HTMLTableCellElement对象除了可使用普通HTML元素的各种属性和方法外,还支持如下额外的属性。

      cellIndex:返回该单元格在该表格行内的索引值。只读属性。

14.4  修改HTML元素

    修改HTML元素通常通过修改如下几个常用属性来实现。

      innerHTML:大部分HTML页面元素如<div>、<td>的呈现内容由该属性控制。

      value:表单控件如<input>、<textarea>的呈现内容由该属性控制。

      className:修改HTML元素的CSS样式,该属性的合法值是一个class选择器名。

      style:修改HTML元素的内联CSS样式。

      options[index]:直接对<select>元素的指定列表项赋值,可改变列表框、下拉菜单的指定列表项。

      

8月8号=》361页-365页

时间: 2024-11-05 20:47:20

8月8号=》361页-365页的相关文章

5月29号=》第41页-第45页

2.4 HTML5头部和元信息 <script>:该元素用于包含JavaScript脚本. <style>:该元素用于定义内部CSS样式. <link>:该元素用于链接外部CSS样式等资源. <title>:该元素用于定义文档标题. <base>:该元素用于指定该页面中所有链接的基准链接. 该元素属性如下: href:指定所有链接的基准链接. target:指定超链接默认在哪个窗口打开=>(_blank._parent._self._top

5月27号=》第30页-第35页

2.18 框架相关元素 HTML5删除了<frameset>.<frame>.<noframes>这三个标签 保留了<iframe>元素 2.2 HTML5新增的通用属性 2.2.1 contenEditable:该属性为true时可在页面直接对该标签进行编辑    用户编辑完后,内容会直接显示在该页面中(一旦  刷新页面就会重新加载,编辑的内容会丢失),开发  者可以通过该元素的innerHTML属性来获取编辑后    的内容   该属性具有"可

5月28号=》第35页-第40页

2.3.2 语义相关元素 <mark>:用于显示HTML页面中需要重点"关注"的内容,浏览器 通常会用黄色显示该标签内的内容. <time>:用来显示被标注内容是日期.时间或者日期时间.   使用该标签要指定datetime属性,格式为"yyyy-MM-ddTHH:mm"   如果<time>标签的内容直接符合以上格式,则可以不用指定datetime属性. <details>:该元素用于显示一段详细信息或某个主题的细节

8月12号=》391页-395页

14.10 使用document对象 document对象既是HTMLDocument类的一个实例,也是DHTML模型中的一个对象.该对象除了可以使用标准DOM模型 的方法之外,还可以使用它如下几个常用方法. close():结束一个通过open方法打开的document对象. open():打开一个document对象. write():向document对象中输出一条字符串,输完后不换行. writeln():向document对象中输出一条字符串,输完后换行. alinkColor.lin

6月11号=》121页-125页

6.1 样式单概述 W3C已经给出了两种样式单语言的推荐标准,一种是级联样式单CSS(Cascading Style Sheets), 另一种是可扩展样式单语言XSL(eXtensible Stylesheet Language). 6.1.1 CSS CSS主要提供如下两个功能: 1:对页面的字体.颜色控制更加细腻,让页面内容更富表现力,CSS的表现效果远远超出 传统HTML页面的color.bgcolor等属性的表现力. 2:通过CSS控制整站风格,CSS样式单可以同时控制整个站点所有页面的

8月19号=》436页-440页

16.1 Web Storage 在传统的HTML时代,浏览器的主要功能只是负责展现HTML页面,即使增加了JavaScript脚本,依然只是为动态地修改HTML页面服务.因此 浏览器只是一个“界面呈现工作”. 如果开发者需要在客户端存储少量数据,早起只能通过Cookie来实现,但Cookie存在如下3点不足: Cookie的大小被限制为4KB. Cookie会包含在每个HTTP请求中向服务器发送,这样势必导致多次发送重复数据. Cookie在网络传输时并未加密(除非整个应用都使用SSL),因此

8月11号=》386页-390页

14.9 navigator和地理位置 window对象有一个navigator属性,该属性对应于Navigator对象,该对象代表浏览该页面所使用的浏览器.该对象在不同 的平台上的信息并不完全相同,但总包含如下几个常用的属性. appName:返回该浏览器的内核名称. appVersion:返回该浏览器当前的版本号. platform:返回当前浏览器所在的操作系统. 14.9.1 HTML5新增的geolocation属性 HTML5为navigator新增了一个geolocation属性,这

8月5号=》346页-350页

13.11 创建对象 JavaScript中创建对象可以不用使用任何累.JavaScript中创建对象大概有3中方式. 13.11.1 使用new关键字调用构造器创建对象 代码示范: //定义一个函数,同时也定义了一个Person类 function Person(name,age) { this.name = name; this.age = age; } //使用new关键字创建Person实例 var p1 = new Person("张三",18); //输出该对象的属性值 a

7月29号=》301页-305页

13.5 运算符 JavaScript提供了相当丰富的运算符,运算符也是JavaScript语言的基础. 通过运算符,可以将变量连接成语句,语句是JavaScript代码中的执行单位. 下面依次介绍JavaScript中的运算符. 13.5.1 赋值运算符 =:即var num = 1; 13.5.2 算术运算符 +:即1+2 =3; -:即2-1 = 1; *:即2*2 =4; /:即4/2 = 2; %:即3%2=1; 13.5.3 位运算符 &:按位与. |:按位或. ~:按位非. ^:按