参考资料

1. HTML DOM 返回图像映射的某个区域的port 实例
2. HTML DOM 返回一个表单target属性的值
3. HTML DOM 返回图像映射某个区域的坐标实例
4. HTML DOM 返回一个button的type 实例
5. HTML DOM 返回图像映射某个区域的替代文字实例
6. HTML DOM 返回一个链接的type属性的值实例
7. HTML DOM 返回image的name
8. HTML DOM 改变链接的target属性实例

HTML DOM 改变链接的target属性

详细介绍

HTML DOM允许通过JavaScript动态修改链接的target属性，控制链接在何处打开。

标签

主要涉及<a>标签及其target属性。

用法

可以通过DOM方法获取链接元素并修改其target属性：

document.getElementById("myLink").target = "_blank";

实例

<a id="myLink" href="https://example.com">示例链接</a>

<script>
// 改变链接的target属性
document.getElementById("myLink").target = "_blank";
</script>

功能

• 控制链接在何处打开（新窗口、当前窗口等）

• 动态改变链接行为

• 根据条件设置不同的打开方式

CSS扩展

虽然target属性本身不是CSS属性，但可以使用CSS选择器针对特定target值的链接设置样式：

/* 为target="_blank"的链接添加样式 */
a[target="_blank"] {
  color: red;
  text-decoration: none;
}

/* 为target="_blank"的链接添加图标 */
a[target="_blank"]::after {
  content: "↗";
  margin-left: 2px;
}