Javascript:参考Div标签
Javascript: Refere to Div Tags
我有一个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((后能够将此框向左移动。如何在javascript中引用样式表中的DIV标记?
假设您只想要类名为box
:的div
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演示。
如果您只是想移动那一个div,最简单的方法就是为该div分配一个id:
<div id="box1" class="box>
然后,要在javascript中引用该div,您需要执行以下操作:
var box1 = document.getElementById("box1");
<div id="yourDiv" class="box">
<img src="dp.png"/>
</div>
function doMove(){
var yourDiv = document.getElementById("yourDiv");
}
相关文章:
- 将DIV包裹在锚标签内或其他方式
- 隐藏 DIV 标签,直到填充所有文本字段
- 如何将选定的日期月份和年份打印到不同的DIV标签中
- 使用 Div 标签的 location.href 属性时,Eval 不起作用
- For循环只打印一个DIV标记.不是8个DIV标签
- 清除 DIV 标签不起作用
- 使用没有 ID 和标签名称的 javascript 更改 DIV 文本
- DIV 标签显示:内联块;
- 垂直标签:删除没有jQuery或固定位置属性的UL和DIV中断
- 在自动刷新 DIV 标签内的 PHP 中表单将不起作用
- DIV标签和HTML5元素之间应该使用什么以及有什么区别(部分,文章)
- 将 jQuery 事件绑定到 DIV 与特定的 HTML 标签,如 TEXTAREA
- 点击DIV或A标签激活JS功能
- 使用 jQuery 更改内部特定 Div 标签内的 TD 值
- 使用 jQuery 访问 TD 内部的 Div 标签
- 正在转换<br>标记到<Div>或者<P>标签
- 如何设置目标=“_空白“;在DIV标签中
- 如何将<DIV>标签,该标签来自AJAX
- Div标签向下滚动
- jquery通过所有Div标签将文本更改为超链接