1) Начнём с того, что у document.body нет метода getElementsByClassName() и getElementById(). Если вы обратитесь к спецификации, то увидите, что эти методы используются исключительно как методы объекта document.
2) Если вам нужно искать элементы внутри еще одного элемента (например, как у вас - body), то вам следует воспользоваться современными методами поиска элементов - element.querySelector() и elemnt.querySelectorAll()
3) Вешать события лучше при помощи element.addEventListener(), так как методы вроде onclick, onload перебивают друг друга. Так, например, если вам нужно повесить сразу два обработчика события click, то при использовании onclick второй перебьет первый, сработает только последний.
Ваша функция, если я вас правильно понял, должна выглядеть примерно так:
window.addEventListener('load', function() {
var images = document.querySelectorAll('.clickable-images');
/* images - это NodeList, объект, похожий на обычный массив, но не совсем. Нам необходимо перебрать все элементы images и повесить им обработчик клика */
images.forEach(function(image) {
image.addEventListener('click', imageClickFunc);
});
/* Теперь осталось написать сам обработчик. Это обычная функция, для которой this будет кликнутый элемент */
function imageClickFunc() {
alert('Привет! Ты кликнул на ' + this); // ну или любой другой код
}
});
