`

JavaScript编程宝典

编程JavaScriptCSS脚本HTML 
阅读更多

第 13 章 通用 HTML 元素对象

本章包括：

1 、使用 HTML 元素对象

2 、常用属性和方法

3 、所有元素对象的事件处理程序

通用元素可分为两组：第一组元素（如 b 和 strike ）定义在被封装的文本序列中使用的字体样式，随着更多的浏览器支持样式表，这些元素及其表示的对象越来越少；第二组元素（如 h1,blockquote 和 p ）为其首尾标记内的内容指定上下文。这些元素对象共享许多脚本属性、方法和事件处理程序。

13.1 通用对象

格式对象 上下文对象

b acronym

big address

center cite

i code

nobr dfn

rt del

ruby div

s em

small ins

strike kbd

sub listing

sup p

tt plaintext

u pre

wbr span

strong

var

xmp

13.1.1 语法

要访问元素属性或方法，可使用以下语句：

[document.all.]objectID.property|method([parameters])

Document.getElementById(objectID).property|method([parameters])

13.1.2 关于这些对象

13.1.3 属性

accessKey

值：单个字符的字符串 读 / 写

可以为元素指定一个键盘字符，当输入“ Alt+ 键”组合时，该元素将拥有焦点。如果新的焦点元素在文档当前位置的视图之外，文档会自动进行滚动把焦点元素带到可视范围内。

下面清单说明了如何为导航 Web 页面使用 accessKey 属性操作键盘接口。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title> 无标题文档 </title>

<script type="text/javascript">

<!--

function assignKey(type, elem){

if(window.event.keyCode==13){

switch(type){

case "button":

document.forms["output"].access1.accessKey = elem.value;

break;

case "text":

document.forms["output"].access2.accessKey = elem.value;

break;

case "table":

document.getElementById("myTable").accessKey = elem.value;

}

return false;

}

}

-->

</script>

</head>

<body>

<form name="input">

<input typt="text" size="2" maxlength="1" onkeypress="return assignKey('button', this)" /><br />

<input type="text" size="2" maxlength="1" onkeypress="return assignKey('text', this)" /><br />

<input type="text" size="2" maxlength="1" onkeypress="return assignKey('table', this)" /><br />

</form>

<form name="output" onsubmit="return false">

<input type="button" name="access1" value="Standard Button" />

<input type="text" name="access2" />

</form>

<table id="myTable" cellpadding="10" border="1">

<tr>

<th>Quantity</th>

<th>Description</th>

<th>Price</th>

</tr>

<tbody bgcolor="#FF0000">

<tr>

<td width="100">4</td>

<td>Primary Widget</td>

<td>$14.96</td>

</tr>

<tr>

<td>10</td>

<td>Secondary</td>

<td>$114.96</td>

</tr>

</tbody>

</table>

</body>

</html>

all[]

值：嵌套元素对象的数组 只读

all 属性是当前对象作用域内 HTML 元素和 XML 标记的集合（数组）。对于 HTML 元素容器，源代码顺序由元素开始标记的位置决定，结束标记不在考虑之列。但是对于 XML 标记，结束标记在数组中作为单独的表项。

每个 document.all 集合都包含 html,head,title 和 body 元素对象，即使实际的 HTML 源代码忽略这些标记，对象模型也会为每个载入到窗口或框架中的文档创建这些对象。虽然 document.all 引用可能是最常用的引用，但 all 属性对任何容器元素都是可用的。例如， document.forms[0].all 显示定义在网页第一个表单中的所有元素。

用户可以使用赋给 id 属性的标识符的字符串形式（或整数索引值）访问任何元素。不必使用 eval() 函数来讲一个字符串转换为对象引用，而使用名字的字符串值作为一个数组索引值。

Attribute[]

值： attribute 对象引用数组 只读

Attribute 属性包括一个为元素指定的属性数组。 Attribute 数组包含浏览器为元素定义的每个可能的属性，即使这些元素在 HTML 标记中没有明确设置。

BehaviorUrns[]

值：行为 URN 字符串数组 只读

该属性用来提供一个 URN 形式的地址（所有赋给当前对象行为的地址）列表。如果没有行为，该数组的长度则为 0 。

CanHaveChildren

值： Boolean 只读

该属性表示一个特定的元素是否可包含一个子（嵌套）元素，这在一些动态内容情况下很有用。大多数有首尾标记的元素可包含嵌套元素。

canHaveHTML

值： Boolean 只读

该属性让脚本发现一个特定的对象是否可接收 HTML 内容，例如用对象方法插入或替换。

ChildNodes[]

值：节点对象数组 只读

该属性是指当前对象中包含的节点对象的数组。注意，子节点包括元素对象和文本对象，根据当前对象的内容， childNodes 和子节点集合的数目有所不同。大多数使用 childNodes 数组的循环都是为了检查、计算或修改集合内的元素节点。如果这不是脚本的目标，那么测试 childNodes 数组返回的每个节点，并且在处理节点前验证 nodeType 属性的值是否是 1 （元素）；如果该属性的值不为 1 ，则跳过该节点。

children

值：元素对象数组 只读

该属性是指包含在当前对象中的元素对象的数组。

className

值：字符串 读 / 写

该属性是赋给元素 class 属性的标识符。为了使一个 CSS 规则和文档中的几个元素相关联，最好把相同的标识符赋给那些元素的 class 属性，并且使用该标识符（以句点开头）作为 CSS 规则选择符。一个元素的 className 属性允许在脚本控制下讲不同的 CSS 规则应用到元素上。

分享到：
| Bcastr4.0Beta-flashimagesildeshow图片轮 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript编程宝典源代码

    javascript编程宝典源代码，javascript编程宝典源代码,

    Javascript编程宝典代码

    Javascript编程宝典代码 Javascript编程宝典代码 Javascript编程宝典代码 Javascript编程宝典代码

    Javascript 编程宝典 part3 pdf

    行家一出手，便知有没有！在过去的一年，由于得到各位网友的大力支持，本人上传的资料《C＃高级编程（第四版）》（高清...为答谢各位网友的支持，强势推出高清版pdf格式书籍《Javascript 编程宝典》（高清中文版）！

    javascript编程宝典资源

    javascript编程宝典资源javascript编程宝典资源javascript编程宝典资源

    Javascript编程宝典资源

    javascript入门与提高必备，完成的源代码，几百个实例，各个方面的实例使得你掌握js十分容易，对于网页设计，美工有很多帮助

    Javascript 编程宝典 pdf Part04

    JavaScript脚本用于创Web浏览器支持的交互式网页，是一咱简单易学的Web编程语言。本书全面介绍了客户端JavaScript脚本编程技术。从简单介绍JavaScript与Web开始，循序渐进地介绍了Web浏览器、基本的编程技巧和编程...

    JavaScript编程宝典，编程学习

    JavaScript编程宝典，编程学习 JavaScript编程宝典，编程学习

    javascript编程宝典（14-25章光盘素材）

    《JavaScript编程宝典》介绍了JavaScript语言，内容涉及从基础语法到高级技术的方面面面，并通过实例说明如何将这些技术应用到实际开发中。全书共25章，内容包括JavaScript基础语法、支持闭包的函数、基于原型的面向...

    JavaScript编程宝典资源

    JavaScript编程宝典的实例源码，按章节区分的，很全

    javascript编程宝典第二版源码

    包括常见的网页特效，滚动的公告栏，树形目录，跟随鼠标的图片和文字，指定路径运动的图片，固定位置的广告，飘落的雪花等常见的网页效果。里面的源码可以直接用，希望大家喜欢！

    Javascript 编程宝典 part2 pdf

    行家一出手，便知有没有！在过去的一年，由于得到各位网友的大力支持，本人上传的资料《C＃高级编程（第四版）》（高清...为答谢各位网友的支持，强势推出高清版pdf格式书籍《Javascript 编程宝典》（高清中文版）！

    Javascript 编程宝典 part1 pdf

    行家一出手，便知有没有！在过去的一年，由于得到各位网友的大力支持，本人上传的资料《C＃高级编程（第四版）》（高清...为答谢各位网友的支持，强势推出高清版pdf格式书籍《Javascript 编程宝典》（高清中文版）！

    Javascript 编程宝典 part4 pdf

    行家一出手，便知有没有！在过去的一年，由于得到各位网友的大力支持，本人上传的资料《C＃高级编程（第四版）》（高清...为答谢各位网友的支持，强势推出高清版pdf格式书籍《Javascript 编程宝典》（高清中文版）！

    JavaScript编程宝典源代码.rar

    JavaScript编程宝典源代码 每一章内容对应于一个目录,目录中包含了该章中出现的各实例. 实例文件的名称与各章内容中的实例编号对应,例如11-4.html对应于第11章中的"例11.4".

    Javascript 编程宝典 pdf Part08

    JavaScript脚本用于创Web浏览器支持的交互式网页，是一咱简单易学的Web编程语言。本书全面介绍了客户端JavaScript脚本编程技术。从简单介绍JavaScript与Web开始，循序渐进地介绍了Web浏览器、基本的编程技巧和编程...

    Javascript 编程宝典 pdf Part06

    JavaScript脚本用于创Web浏览器支持的交互式网页，是一咱简单易学的Web编程语言。本书全面介绍了客户端JavaScript脚本编程技术。从简单介绍JavaScript与Web开始，循序渐进地介绍了Web浏览器、基本的编程技巧和编程...

Magicbox
Global site tag (gtag.js) - Google Analytics