javascript - 如何使用javascript隐藏一个类？

Question

我在页面上有文字，它在 <h3> 中标签，它有一个类 ms-standardheader , 但页面上还有其他具有相同类别的文本 <h3>标签。我也知道我想隐藏的文本是“Session”。

有了这个，我如何编写一个 javascript 函数来仅隐藏此文本？

这是来自 IE 的 developtools 的图像。

Answer 1

我建议，如果您被限制(如您的标签所建议的那样)使用非库纯 JavaScript，则以下内容:

var h3s = document.getElementsByTagName('h3'),
    classedH3 = [];

for (var i = 0, len = h3s.length; i < len; i++) {
    if (h3s[i].className.indexOf('ms-standardheader') > -1) {
        classedH3.push(h3s[i]);
    }
}

for (var i = 0, len = classedH3.length; i < len; i++) {
    if (classedH3[i].firstChild.nodeValue == 'the text to hide'){
        classedH3[i].style.display = 'none';
    }
}​

JS Fiddle demo .

引用资料:

• > push() .
• > document.getElementsByTagName() .
• > element.className .
• > node.nodeValue .
• > indexOf() .