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

参考资料

1. HTML DOM 鼠标的坐标？
2. HTML DOM 节点列表长度
3. HTML DOM改变单元格的内容
4. HTML DOM 返回一个表单中元素的数量 实例
5. HTML DOM改变表格边框的宽度
6. HTML DOM 根节点childNodes 和 nodeValue
7. HTML DOM document.write() 方法
8. HTML DOM 改变一个包含在iframe中的文档的背景颜色

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 是相对路径，则返回空字符串