HTML | DOM 区域对象

HTML DOM（文档对象模型）是访问 HTML 文档中的所有元素的标准 W3C 编程接口。通过 HTML DOM，您可以修改 HTML 元素的内容、属性和样式。

DOM 区域对象是 DOM 的一部分，用于处理使用 HTML <map> 和 <area> 元素定义的图片地图中的区域。这些区域可以作为链接或将鼠标指针指向时出现的工具提示，或者处理单击事件。

HTML <map> 元素定义了一个客户端图像映射，即将图片分成若干可点击区域，每个区域可以链接到不同的 URL。

HTML <area> 元素定义<map>元素中的区域，它可以是矩形、圆形或多边形，具体形状由<area>元素的形状属性定义。

区域对象有以下属性和方法：

属性

• href：设置或返回将在单击区域时打开的 URL（服务端代码、文档、图片等）。
• noHref：设置或返回是否存在从区域到任何目标的链接。如果存在链接，则该属性值为 false。
• alt：设置或返回在区域上鼠标指针移动时的替换文本。
• coords：设置或返回区域的坐标。
• shape：设置或返回区域的形状。

方法

• focus()：将区域设置为焦点。
• blur()：从区域中移除焦点。

下面是一个使用 HTML <map> 和 <area> 元素定义的图片地图：

<img src="planet.jpg" border="0" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

在上面的示例中，指定了一个使用名称为“planetmap”的区域图像映射。使用区域元素的形状、坐标和其他属性来指定每个可点击区域的行为。