Home/ Questions/Q 6122011
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T15:50:58+00:00

I have a CSS style sheet that has the following: div.box img { width:100px;

  • 0

I have a CSS style sheet that has the following:

div.box img {

  width:100px;
  height:100px;
  border:1px solid;
  display:inline;
}

This div tag basically re-sizes my image. My HTML file has the following:

 <link rel="stylesheet" type="text/css" href="stylesheet.css" />

 <script type="text/javascript">

 function doMove(){

//move object
 }


 </script>

 </head>

 <body>
<h1>JavaScript Animation</h1>

<div class="box">
<img src="dp.png"/>
</div>

I want to be able to move this box to the left once doMove() is called. How do i refer to my DIV tag in my stylesheet in javascript?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Assuming that you want only the div with the class-name of box:

    var divs = document.getElementsByTagName('div');
var divsNum = divs.length;
for (i=0; i<divsNum; i++){
    if (divs[i].className == 'box'){
        divs[i].style.marginLeft = '-100px';
    }
}

    JS Fiddle demo.

    • 0