参考资料

1. HTML DOM 返回一个表单中所有元素的value 实例
2. HTML DOM 返回一个button的type 实例
3. HTML DOM单元格内容垂直对齐
4. HTML DOM在下拉列表中选择多个选项
5. HTML DOM 返回一个iframe中的name属性的值
6. HTML DOM一个单元格的innerHTML
7. HTML DOM 返回和设置链接的charset属性实例
8. HTML DOM 根节点childNodes 和 nodeValue

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;
}