Я не знаю, как выбрать атрибут класса HTML обрабатывается в наборе инструментов Javascript Framework

Question

Я использую Electron Framework в Javascript, называемый Xel toolkit, и у меня есть следующий синтаксис из main.js :

document.querySelector("menu.selected").className.remove('selected')

Наличие некоторого Xel кода, где выделено - чистый HTML-класс:

<x-tab selected class="menu">

Знаете, это что-то вроде плохой практики без указания типа Class = "name" . Но я не знаю, как я могу поймать выбранное текущее значение. Консоль проверки:

Uncaught TypeError: Cannot read property 'className' of null

Answer 1

Я не уверен, что именно вы пытаетесь сделать здесь, но я думаю, что это может помочь.В следующем примере кода, который я вам показываю, вы получите атрибут проверенного на основе className, который, как мне кажется, вы и просите ...

ClickToSeeJsBin

https://jsbin.com/kahona/edit?html,output

    function validate() {
    var CurrentSelected = [];
    //Doing the same thing for checkBox selection
    var GetAllCheckBoxNodes = document.getElementsByClassName("someCheckBox");
    var InputNodesSize = GetAllCheckBoxNodes.length;
    for (var i = 0; i < InputNodesSize; i++) {
        var CurrentCheckBox = GetAllCheckBoxNodes[i];
        if (CurrentCheckBox.checked) {
            CurrentSelected.push(CurrentCheckBox.value);
        }
    }
    //Doing the same thing for radio selection
    var GetAllRadioNodes = document.getElementsByClassName("someRadio");
    var GetAllRadioNodesLength = GetAllRadioNodes.length;
    for (var i = 0; i < GetAllRadioNodesLength; i++) {
        var CurrentRadioNode = GetAllRadioNodes[i];
        if (CurrentRadioNode.checked) {
            CurrentSelected.push(CurrentRadioNode.value);
        }
    }
    //Displaying what is Selected...
    CurrentSelected.forEach(item => { console.log(item); });
}

Answer 2

В вашем примере selected в этом контексте не является «чистым классом HTML».Это атрибут, эквивалентный selected="true" в HTML5.Если вы хотите использовать querySelector, чтобы найти этот элемент и удалить атрибут selected с Javascript, вам понадобится что-то вроде этого:

document.querySelector("menu[selected]").selected = false;