javascript - js中对div的style重新赋值无效
本文介绍了javascript - js中对div的style重新赋值无效的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
我想实现两个button随滚动条的滚动而滚动,在火狐上可以实现,但在ie或360上则实现不了,报错提示div.style尚未实现。求大神解决,附上部分代码:
<html>
<head>
<title>回复留言</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="留言本">
<link href="img/1/jd100.css" rel="stylesheet" type="text/css">
<script src="script/myjs3.js"></script>
<script type="text/javascript">
var x = 0;
window.onscroll = function(){
var div = document.getElementById("diid");
var d = document.getElementById("did");
var top = div.offsetTop;
var sctop = document.body.scrollTop;
var height = (top+document.body.scrollTop-x)+"px;";
div.style = "position: absolute;right: 60px;top: "+height ;
d.style = "position: absolute;left: 60px;top:"+height;
x = sctop;
};
</script>
</head>
<body>
<div align='center' style="position: absolute;left: 60px;top:300px;" id="did" >
<a href='messageBoard.jsp' class=jdmenu><b>留言</b></a>
</div>
<div style="position: absolute;top: 300px;right: 60px" id="diid">
<a href="#top"><input type="button" value="回到顶部"/></a>
</div>
</body>
</html>
解决方案
一般我们在js里修改属性的话,我们会采用1、少量属性使用[元素].style.[属性名]=值的形式,如:div.style.position="absolute";2、多的话采用[元素].style.cssText=[属性名:值],如:div.style.cssText="height:20px;postion:relative;width:30px";
这篇关于javascript - js中对div的style重新赋值无效的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文