JavaScript编程宝典

isiqi

浏览: 16561514 次
性别:
来自: 济南

最近访客更多访客>>

yuxiatongzhi

nison

hellohank

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2012-07 ( 335)
2012-06 ( 252)
2012-05 ( 362)
更多存档...

编程 JavaScript CSS 脚本 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">

<head>

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

<!--

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>

</form>

<tr>

<th>Quantity</th>

<th>Description</th>

<th>Price</th>

</tr>

<tr>

<td>Primary Widget</td>

</tr>

<tr>

<td>Secondary</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 规则应用到元素上。

分享到：

不断循环向上滚动代码 | Enum使用

2011-04-09 13:25
浏览 800
评论(0)
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论