How to select by element class name

[moamahfouz]

Hello,

I am attempting to select multiple elements at once using their class names. To achieve this, I am trying to write the code as follows:

   elements = document.querySelectorAll(".editor")
   
    for (var i = 0; i < elements.length; i++) {
        let editor = ace.edit(elements[i], {
            mode: 'ace/mode/json',
            selectionStyle: 'text',
            showPrintMargin: false,
            theme: 'ace/theme/chrome'
        });

        const formatText = (spacing = 0) => {
            try {
                const current = JSON.parse(editor.getValue());
                editor.setValue(JSON.stringify(current, null, spacing));
                editor.focus();
                editor.selectAll();
                document.execCommand('copy');
            } catch (err) {
                alert('ERROR: Unable to parse text as JSON');
            }
        };

        editor.on('paste', event => {
            try {
                event.text = JSON.stringify(JSON.parse(event.text), null, 4);
            } catch (err) {
                // meh
            }


        });


    }

But it does not work.

Any ideas?

[nightwing]

What do you mean by selecting elements, and what exactly does not work in your code? It is a bit hard to understand as selecting can refer both to selectAll and to querySelectorAll