JavaScript：高效提取无ID锚点标签的href属性

<a href="https://www.php.cn/link/49e75662bca429cc0e0ee3597a1becce">mydoc.pdf</a>

// 假设HTML中存在 <a href="https://www.php.cn/link/49e75662bca429cc0e0ee3597a1becce">mydoc.pdf</a> 且它是页面上的第一个或已知索引位置的锚点
const allAnchorTags = document.getElementsByTagName("a");

// 假设目标标签是所有<a>标签中的第一个 (索引为0)
// 或者，如果已知其在所有<a>标签中的具体索引，例如 index = 5
const targetIndex = 0; // 请根据实际情况调整此索引

if (allAnchorTags.length > targetIndex) {
    const selectedByIndex = allAnchorTags[targetIndex];
    const hrefValue = selectedByIndex.href;
    console.log("通过索引获取的href:", hrefValue); // 输出: https://www.php.cn/link/49e75662bca429cc0e0ee3597a1becce
} else {
    console.log("指定索引位置没有找到锚点标签。");
}

// 假设HTML中存在 <a href="https://www.php.cn/link/49e75662bca429cc0e0ee3597a1becce">mydoc.pdf</a>
const allAnchorTags = document.getElementsByTagName("a");
let targetAnchor = null;
const searchText = "mydoc.pdf";

// 将HTMLCollection转换为数组以便使用更灵活的数组方法，如filter
const anchorArray = Array.from(allAnchorTags);

// 通过文本内容过滤，找到所有匹配的标签
const selectedByText = anchorArray.filter(tag => tag.innerHTML.trim() === searchText);

if (selectedByText.length > 0) {
    // 如果有多个匹配，通常我们只取第一个
    targetAnchor = selectedByText[0];
    const hrefValue = targetAnchor.href;
    console.log(`通过文本内容 "${searchText}" 获取的href:`, hrefValue); // 输出: https://www.php.cn/link/49e75662bca429cc0e0ee3597a1becce
} else {
    console.log(`未找到匹配 "${searchText}" 文本的锚点标签。`);
}

// 另一种不使用filter，直接遍历寻找第一个匹配项的方式：
/*
for (const tag of allAnchorTags) {
    if (tag.innerHTML.trim() === searchText) {
        targetAnchor = tag;
        const hrefValue = targetAnchor.href;
        console.log(`通过文本内容 "${searchText}" 获取的href (for...of):`, hrefValue);
        break; // 找到第一个就停止
    }
}
if (!targetAnchor) {
    console.log(`未找到匹配 "${searchText}" 文本的锚点标签。`);
}
*/