javascript - 使用 JavaScript 将 URL 参数传递给 href

Question

我有一些 JavaScript 来检索 URL 参数，检查是否找到名为“pc”的参数以及它的值是否为“tmgppc5”或“tmgggr1”，然后附加到页面上的所有 href。

var pc = getQueryVariable("pc"),
url = 'http://www.thisurl.com';

// Check if the parameter called "pc" was found and if it's value is "tmgppc5" or "tmgggr1"
if (pc && pc === "tmgppc5" || "tmgggr1") {
    url += "pc=" + pc; 
}

function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

var elements = document.getElementsByTagName('href')[0];
elements.setAttribute('href',url);

我正在使用 getElementsByTagName 搜索所有 href，但是出现错误:未捕获的类型错误无法读取未定义的属性“setAttribute”

在单个 href 上使用 getElementsById 有效，使用 getElementsByClassName 会返回相同的错误。错误的原因是什么？还有其他选择吗？谢谢。

Answer 1

那里有两个错误，1.您正在搜索“href”而不是“a”，其次您无法在节点集合上设置属性，请尝试循环它们:

var elements = document.getElementsByTagName('a');
// You can also use document.querySelectorAll("a")
for (var i=0; i< elements.length; i++) {
     elements[i].setAttribute('href',url);
}