как изменить стиль div на клик div

Question

Я создал сайт, который сохраняет записи и изображения в базе данных.
Но когда я нажимаю div и вижу запись на любом члене, я хочу изменить цвет div и когда вижу запись.
Я хочу изменить стиль div.
Когда я нажимаю любой div, изображение загружается в этот div. Как я могу это сделать?
Это означает, что style1 работает на div, когда нажимает на любой div
. Мой код:

<script>
function changelod(obj)
{
obj.setAttribute("class", "style1");
}
</script>

<style>
.style1{background:transparent url('12/loading.gif') 50% 50% no-repeat;}
#content {clear:left;overflow:auto;width:780px;height:auto;padding:5px 5px;}
#left {float:left;width:242px;padding:5px 5px;border:1px solid #000;}
</style>

<div id="content">
<div id="left">
<div id="leftbox" class="style">
<a onclick="changelod(this);" href="members.php&code=<?php echo $myrowadfix["securtycode"]; ?>" target="_blank">
<div id="boxbody">
<img src="img/8.gif" height="100" width="100">
<p><?php echo $myrowadfix["histrym"]; ?>">
</div>
</a>
</div>
</div>

<div id="left">
<div id="leftbox" class="style">
<a onclick="changelod(this);" href="members.php&code=<?php echo $myrowadfix["securtycode"]; ?>" target="_blank">
<div id="boxbody">
<img src="img/8.gif" height="100" width="100">
<p><?php echo $myrowadfix["histrym"]; ?>">
</div>
</a>
</div>
</div>

<div id="left">
<div id="leftbox" class="style">
<a onclick="changelod(this);" href="members.php&code=<?php echo $myrowadfix["securtycode"]; ?>" target="_blank">
<div id="boxbody">
<img src="img/8.gif" height="100" width="100">
<p><?php echo $myrowadfix["histrym"]; ?>">
</div>
</a>
</div>
</div>

</div>

<div id="content">
<div id="left">
<div id="leftbox" class="style">
<a onclick="changelod(this);" href="members.php&code=<?php echo $myrowadfix["securtycode"]; ?>" target="_blank">
<div id="boxbody">
<img src="img/8.gif" height="100" width="100">
<p><?php echo $myrowadfix["histrym"]; ?>">
</div>
</a>
</div>
</div>

<div id="left">
<div id="leftbox" class="style">
<a onclick="changelod(this);" href="members.php&code=<?php echo $myrowadfix["securtycode"]; ?>" target="_blank">
<div id="boxbody">
<img src="img/8.gif" height="100" width="100">
<p><?php echo $myrowadfix["histrym"]; ?>">
</div>
</a>
</div>
</div>

<div id="left">
<div id="leftbox" class="style">
<a onclick="changelod(this);" href="members.php&code=<?php echo $myrowadfix["securtycode"]; ?>" target="_blank">
<div id="boxbody">
<img src="img/8.gif" height="100" width="100">
<p><?php echo $myrowadfix["histrym"]; ?>">
</div>
</a>
</div>
</div>
</div>

Помощь в этом коде Я пробую этот код, но div перемещает верх страницы и загружает изображение
на этом и полосе прокрутки показать на этом div

Answer 1

Надеюсь, это поможет вам

    function changelod(obj) { 
       obj.parentNode.setAttribute("class", "style1");
}

Answer 2

В вашей функции changelod (obj) obj - это TAG, поскольку вы передаете параметр this.

Если вы хотите изменить класс своего родителя (), вам просто нужно выбрать родителя этого:

obj.parentNode.setAttribute("class", "style1");

Для справки, вы можете прочитать здесь: https://www.w3schools.com/jsref/prop_node_parentnode.asp