Присвоить класс самому верхнему родителю
 

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

В примере привожу дэмо кусок этой таблицы.

Мне необходимо сделать так, чтоб в каждой такой конструкции на странице, брался класс картинки ( в моем случае это class="status_off") и копировался в самое верхнее tr.(в примере я закомментировал основные элементы, с которыми нужно пошаманить.)

Т.е. в конечном итоге, при загрузке страницы каждая вот такая картинка должна отдать свой класс самому верхнему родителю данной конструкции => tr.

Т.е. сделать 7 шагов вверх и присвоить класс картинки. Помогите пожалуйста, а то я что-то вообще не соображу. На сколько я понимаю, тут нужно использовать .parentNode, но как это сделать на 7 ступеней вверх я вообще не соображу. Заранее спасибо!

P.S. Таких конструкций на странице всегда разное кол-во. Вся эта конструкция это одна строчка огромной таблицы.

Пример кода тут: https://jsfiddle.net/malefikus13/wtjty2jL/3/

Кагбэ так и сделать
1 раз вверх

obj.parentNode

2 раза вверх

obj.parentNode.parentNode

и т.д...

ksa,
я попробовал, но что-то не вышло. Может не правильно чего делаю?

var off = Document.getElementsByClassName('status_off');
var parent = off.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
parent.classList.add('status_off');

Нужно правильно понимать, что возвращает метод
;)

ksa,
Ну, на сколько я знаю, он получает название класса и возвращает массив с этими элементами, верно ведь? :)

А ты потом что с этим делаешь? :)

Это так работают с массивом?

ksa,
таааак, понятно. :) Я баран, пойду читать про массивы)) Спасибо. Вернусь, когда прозрею ))