Форум

repz · #31 (**permalink**) 20.05.2021, 09:25

var elems = document.querySelectorAll('table>tbody');
 [].forEach.call(elems, function (el) { 
if (el.childNodes.length === 0) {
console.log(el.textContent);
 console.log("//////////////////////////////////////");
}
});

Вот так не находит, подскажите, где ошибся?

repz · #32 (**permalink**) 20.05.2021, 10:15

Сделал так:

var elems = document.querySelectorAll('table>tbody'); 
[].forEach.call(elems, function (el) { 
if (el.textContent=='') {
el.closest('tr').remove(); }
});

рони · #33 (**permalink**) 20.05.2021, 10:20

repz,

<!DOCTYPE html>

<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    </style>

    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const trs = document.querySelectorAll('tr');
            trs.forEach(function(tr) {
                const elems = [...tr.querySelectorAll('*')];
                const empty = elems.every(({textContent}) => !textContent.trim())
                empty && tr.remove()
            });
        });
    </script>
</head>

<body>
    <table>
        <tr>
            <td></td>
            <td>
                <table>
                    <tbody>
                    </tbody>
                </table>
            </td>
        </tr>
    </table>
</body>

</html>

repz · #34 (**permalink**) 20.05.2021, 10:48

рони,
Удаляются все инпуты, даже заполненные, а вот пустые tbody остаются.

Форум

Справочник

Discord чат

Курсы javascript