
在本教程中,我们将学习如何在 JavaScript 中获取链接的目标属性的值。
目标属性指定在哪里打开链接的文档或页面。
默认情况下,其值设置为“_self”,这意味着链接的文档应在同一窗口或选项卡中打开。它还可以具有“_blank”、“_self”、“_parent”、“_top”和“frame_name”等值,其中每个值定义打开链接文档的不同位置。
使用目标属性
要获取 JavaScript 中链接的目标属性值,请使用目标属性。 target 属性用于设置链接文档的打开位置,即在同一窗口、新窗口或同一框架等中。
立即学习“Java免费学习笔记(深入)”;
我们可以使用 document.getElementById() 方法来获取 HTML 元素。该方法以元素的 id 作为参数并返回一个元素对象。从该对象中,我们可以使用“target”属性获取该元素的目标属性值。
语法
document.getElementById('mylink').target
在上面的语法中,“mylink”是链接的 id(例如锚标记),通过使用 document.getElementById() 方法和“target”属性,我们可以从该链接获取目标属性值。
示例 1
您可以尝试运行以下代码来获取链接的目标属性的值 -
示例 2
在下面的示例中,我们使用 document.getElementById() 方法和 target 属性来获取两个不同链接的 target 属性的值。
使用 getElementsByTagName() 方法
在 JavaScript 中,document.getElementsByTagName() 方法可用于获取链接或锚标记的目标属性的值。它在参数中接受标签名称并返回 HTMLCollection,类似于列表或数组。它包含该标签名称的所有元素对象,并且从每个对象中,我们还可以使用属性“target”获取目标属性的值。
语法
// getting all anchor tags
let links = document.getElementsByTagName('a')
// looping through all the HTMLCollection links
for (let index=0; index
在上面的语法中,document.getElementByTagName() 方法以 'a' 作为参数,因此它返回 HTMLCollection 中作为锚标记的所有元素,并循环遍历它,我们从所有元素中获取目标属性值链接和控制台记录它。
示例 3
在下面的示例中,我们使用 document.getElementByTagName() 方法从链接获取目标属性的值。
Get the value of the target attribute of a link in JavaScript using
document.getElementsByTagName() method
使用querySelectorAll()方法
在 JavaScript 中,可以使用 document.querySelectorAll() 方法获取链接或锚标记的目标属性值。
语法
以下是获取所有具有目标属性的锚标记的语法 -
document.querySelectorAll('a[target]')
在上述语法中,document.querySelectorAll() 方法采用“a[target]”作为参数。因此,它返回所有元素,这是一个NodeList中包含目标属性的锚标记,循环遍历它,我们可以得到所有目标属性值。
示例
在下面的示例中,我们使用 document.querySelectorAll() 方法来获取链接的 target 属性的值。
Get the value of the target attribute of a link in JavaScript using
document.querySelectorAll() method











