参考资料

1. HTML DOM 返回image的name
2. HTML DOM 返回一个button的name 实例
3. HTML DOM为表格创建一个标题
4. HTML DOM 返回当前的文件和链接的文档之间的关系
5. HTML DOM获得下拉列表的选项数量
6. HTML DOM 返回和设置链接的hreflang属性实例
7. HTML DOM 返回文档中第一个表单的名字
8. HTML DOM对单个单元格的内容水平对齐

HTML DOM 返回图像映射的某个区域的protocol 实例

HTML DOM 图像映射区域 protocol 属性

标签：
标签的 protocol 属性

功能：
返回图像映射中某个区域 URL 的协议部分（如 http: 或 https:）

用法：
areaObject.protocol

实例：

<img src="planets.jpg" usemap="#planetmap">
<map name="planetmap">
  <area id="venus" shape="circle" coords="124,58,8" href="https://example.com/venus.htm">
</map>

<script>
var protocol = document.getElementById("venus").protocol;
// 返回 "https:"
</script>

CSS 扩展：

area {
  /* 标准样式属性 */
  outline: none;
}

area[protocol^="https"] {
  /* 针对使用 HTTPS 协议的区域的特殊样式 */
  cursor: pointer;
}

注意事项：

1. 该属性是只读的

2. 返回值包含冒号（如 "http:"）

3. 如果 URL 是相对路径，则返回空字符串