Javascript: ссылки на теги Div - PullRequest
Новая
       14

Javascript: ссылки на теги Div

0 голосов
/ 05 июля 2011

У меня есть таблица стилей CSS, которая имеет следующее: 

div.box img {

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

Этот тег div в основном изменяет размеры моего изображения.Мой HTML-файл имеет следующее: 

 <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>

Я хочу иметь возможность переместить это поле влево после вызова doMove ().Как мне сослаться на мой тег DIV в моей таблице стилей в javascript?

Ответы [ 3 ]

1 голос
/ 05 июля 2011 
<div id="yourDiv" class="box">
<img src="dp.png"/>
</div>

 function doMove(){
  var yourDiv = document.getElementById("yourDiv");
 }
1 голос
/ 05 июля 2011

Предполагая, что вы хотите только div с именем класса 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 .

1 голос
/ 05 июля 2011

Если вы просто пытаетесь переместить этот один div, проще всего будет присвоить id этому div: 

<div id="box1" class="box>

И затем для ссылки на этот div в вашем javascript вы должны сделать: 

var box1 = document.getElementById("box1");
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...