javascript - Can JS modify table elements using DOM operations?

Question

What I want to achieve is to delete the second half of the table below directly using JS.
But I don’t know how to call it.
That is, starting from the position of <h2>2017</h2> and ending with the last part.
How to delete DOM elements using JS?

女神的闺蜜爱上我 · Answer

Why not extract it separately and write "2017" into a table independently?
If you must do this, you can:

Add a name attribute (such as name="special-tr-group") to all the first-level tr you want to hide
as follows:

Then add an id to your tbody:

Finally, after your DOM is loaded, JS implementation:

var tBody = document.getElementById("tbody-year");    //表格中的tbody节点
console.log(tBody);
var trGroup = document.getElementsByName("special-tr-group");    //要删除的节点
for (var i=0; i < trGroup.length; i++) {
    tBody.removeChild(trGroup[i]);
}