дело в том, что css и html мне как раз аткки править не желательно. Но свою ошибку я уже, кажется, нашел.. итый элемент все арвно попросту доходил до конца и был равен десяти.
Решение, которое более лаконично и как по мне правильно, не до конца у меня работает, но это вопрос времени:
(function () {
var divs = document.querySelectorAll(".setting-row");
var handler = function() {
var index = Array.prototype.indexOf.call(divs, this);
var o=document.createElement('img');
o.src='img/system/yes.png';
o.className="yes-marker";
document.getElementsByClassName('setting-row')[index].appendChild(o);
}
for (var i = 0; i < divs.length; i++) {
divs[i].onclick = handler;
}());