Question

我知道如何使用jquery，但是如何使用干净的javascript？有什么帮助吗？

这是我的代码

var element = document.getElementsByTagName('tagone')[0];

if(element !== null){ 
     document.getElementByClassName('classsix')[0].style.display = 'none';
}

Answer 1

您可以使用hidden DOM attribute或创建一个名为hide的新类并相应地使用逻辑。

var element = document.querySelector('tagone'); // returns only first match
if(element) { 
    document.querySelector('.classsix').setAttribute('hidden',true);
}

或者您可以在CSS .hide { display: none; }中创建类并使用document.querySelector('.classsix').classList.add('hide');

Answer 2

您的代码正确。您也可以这样使用

var element = document.getElementsByTagName('tagone')[0];
 var element1= document.getElementsByClassName('classsix')[0];
   if(element && element1){
     element.style.display = 'none';
   }

Answer 3

我试过了，它正在起作用。

if (document.getElementsByTagName('tagone')[0] != null) {
    document.getElementsByTagName('classix')[0].style.display = 'none';
}

Answer 4

javascript函数是getElement s ByClassName，您错过了的

function hide(){

    var y = document.getElementsByClassName("x");
    y[0].style.display = 'none'
}

Here is the jsfiddle link.

如果存在其他类，则隐藏元素

4 个答案: