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

Question

我知道如何使用jquery做到这一点，但是如何使用干净的javascript呢？有什么帮助如何做到这一点吗？

这是我的代码

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

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

Answer 1

您可以使用隐藏 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');