document.querySelectorAll（变量class）

Question

我只是发现 document.getElementsByClassName() 不适用于 IE8。出于这个原因，我想使用 document.querySelectorAll()，但我真正的问题是 class 名称来自一个变量，并且无法获得函数的结果。像这样：

var linea = document.querySelectorAll(revisados[i].value);

我的函数是由onchange(value) 的复选框触发的，执行时检查querySelectorAll 的参数值失败。我试过了：

<input type="checkbox" value="1" onchange="javascript:name(this)" />

许多其他元素的值是 class。和 JS:

function name(param){
var className=param.value;
var class2 = "."+class;
var linea = document.querySelectorAll("."+param); //doesn't work
var linea = document.querySelectorAll("."+className); //doesn't work
var linea = document.querySelectorAll("."+className.value); //doesn'twork
var linea = document.querySelectorAll(class2); //doesn'twork
var linea = document.querySelectorAll(String(class)); //doesn't work
}

请提出任何建议。非常感谢。

Answer 1

使用querySelector

function name(param){
var classValue=param.value;
linea = document.querySelector("."+classValue); 
console.log(linea.length)
}

另外 IE8 不允许 CSS class 以数字开头。

document.querySelectorAll（变量class）

document.querySelectorAll(variable class)

javascript

internet-explorer