для подобной функции, которых масса внутри большого скрипта это не лучший способ

только там требуется больше вычислений и в применении к другим ситуациям всё рушится, когда нет явного задания style.top (или в атрибуте style)
а также уже наверное в курсе, что addEventListener - не кроссбраузерная

у него рассматривается конкретный случай и задается top через JS, т.ч. подходит норм...
кст если через тег или атрибут style задавать, то вроде он не считывается в большинстве браузеров...

bes,
согласен, больше вычислений. Но зато все действия не выходят за рамки одной функции, а это помогает не затеряться в большом скрипте программисту.
Возможно существуют более простые подходы, однако мой уровень знаний js не позволяет тут их продемонстрировать.
Про addEventListener, да, знаю.. Просто удобно использовать :)


Maxmaxmахimus,
я пока еще не понимаю что такое ООП, но для простых задач я думаю его использовать не следует.
Все гениальное просто :)

тем более, смысл для частного случая получать каждый раз коллекцию document.getElementsByTagName и вычислять её length

атрибут style завязан на объект style, а то, что задаётся в тегах <style> нет

<style>
button {
	height: 50px;
}
</style>

<button style="width: 50px">click</button>

<script>
document.body.children[0].onclick = function () {
	alert(this.style.width +'; ' + this.style.height)
}
</script>

можно придумать эту функцию с id. Где вместе с значением для top, функция будет генерировать id. #id1, #id2, #id3.....

Однако, конкретно в моем случае, не вижу этой необходимости, так как коллекция собирается по требованию пользователя и функция не будет использоваться часто..

достаточно добавить кавычки к значению (style = "width: '50px'"), как обычно делается, и усе...

чёт я первый раз вижу, что так обычно делают

<button style="background: 'green'">click</button>

И где же цвет?

Я думаю, что он просто пытается выполнить задачи ООП без инструментов ООП.

хм...харошо...уговорил)