style.left不起作用

最新推荐文章于 2021-08-18 21:57:50 发布
最新推荐文章于 2021-08-18 21:57:50 发布
阅读量4.7k 收藏 1
点赞数
分类专栏： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liufeng520/article/details/9191531
版权

html文件第一行加了如下代码后：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

如下代码不起作用：

var element = document.getElementById(“test”);

element.style.top=(document.documentElement.clientHeight-element.clientHeight)/2+document.documentElement.scrollTop;

element.style.left=(document.documentElement.clientWidth-element.clientWidth)/2+document.documentElement.scrollLeft;

解决办法是加上单位px就好了，参考如下：

var element = document.getElementById("test");

element.style.top=(document.documentElement.clientHeight-element.clientHeight)/2+document.documentElement.scrollTop+"px";
element.style.left=(document.documentElement.clientWidth-element.clientWidth)/2+document.documentElement.scrollLeft+"px";
liufeng520
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
style.left不起作用的问题
wwwjr00的博客
05-23 5321
最近调试程序：待续
JavaScript 中的 style.top / style.left 不生效
qq_32539403的博客
09-17 4060
在 JS 中使用 .style.top 方法，如下，发现不生效。 var box = document.createElement('div'); box.style.top = 30; 解决： 需要添加单位 px、cm 等. var box = document.createElement('div'); box.style.top = 30 + “px”; ...
解读mpvue官方文档的Class 与 Style 绑定及不支持语法
dt1991524的博客
02-27 6375
在vue.js项目转化为小程序时，把原来页面的代码直接拷贝过去，发现布局改变很多，很多已经设置的标签的css样式并没有显示出来，查看官方文档，得知原来vue.js的Class 与 Style 绑定语法，有些不适合mpvue,以下总结几点： 一. :class绑定方式 (1).mpvue支持:class="{ active: isActive }" &lt;template&gt; &lt;d...
微信小程序Style无效
huyuchaoheaven的专栏
03-13 4243
超过一行显示省略号 overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
element.style.left 和 element.offsetLeft 的区别
weixin_45840253的博客
08-18 410
1.element.style.left 只能获取行内样式， 2element.offsetLeft 当父级元素节点是定位时，获取的值则是相对父级的位置否则是相对body的位置的值 3.element.offsetLeft 获取的值是只读 element.style.left 是可读写
javascript中style.left和offsetLeft的用法说明
12-11
如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，这同offsetLeft是相同的，区别在于： 1. style.left 返回的是字符串，如28px，offsetLeft返回的是...
JavaScript中无法通过div.style.left获取值的解决方法
10-20
主要介绍了JavaScript中无法通过div.style.left获取值的问题分析及解决方法,需要的朋友可以参考下
JS获取浮动(float)元素的style.left值为空的快速解决办法
10-20
1. 当一个元素设置了浮动(float)，例如`float: left`或`float: right`，并且没有通过行内样式设置`style.left`时，JavaScript的`style.left`属性将返回空字符串。 2. `style.left`属性返回的是一个带有单位（如`px`...
JavaScript中style.left与offsetLeft的使用及区别详解
10-22
主要介绍了JavaScript中style.left与offsetLeft的使用及区别详解的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
js获取style.left为什么为空？
yjyxw的博客
08-03 770
原因： element.style.left 只能获得element的行内样式，所以一般写在style或css文件内的left就无法获得。 内联样式就是直接加在某个元素属性中的样式。方法为<p style="color:white;"></p> 解决办法： 用element.offsetLeft来获取 ...
在firefox中诡异的element.style.left
yuyu1911的专栏
02-26 185
在运行《javascript王者归来》的一个圆形轨迹例子，发现他在IE中能正常运行，但在firefox中却一直不动，js代码如下: var r=50; var ins=1; var round = document.getElementById("round"); function Circle() { x=r * Math.cos(ins) + 100; y=r* Math.sin(ins) +...
element-ui使用过程遇到的坑（1）—— element-style样式
huangguangyourena的博客
08-04 3741
今天学了一下element-ui的布局，也是为了之后在公司开新项目的时候能够用得上。 那么说一下刚刚遇到的问题，问题如图 发现导航栏跟控制台之间有一个间距，于是我点击样式一看 看到了这么一个玩意儿，可是我的样式中并没有设置这个所谓的element.style，但是当我把这些margin-left跟margin-right去掉之后，这个间距就消失了。 解决方案：使用!important来...
JavaScript DOM解决出现的elem.style.left为Nan的问题
LXpiggy的博客
09-18 401
JavaScript DOM解决出现的elem.style.left为Nan的问题 在使用DOM写动画的时候，使用代码 // An highlighted block function moveElement() { var m = document.getElementById("numb"); var t = setTimeout("move()",10); } function move() { var m = document.getElementById("numb");
elem.style.left得不到left的值
kimmmmqin的博客
05-08 718
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; #div { width: 50px; height: 50px; background: red; position: absolute;
随鼠标浮动的层，style.left属性赋值问题
nami的专栏
05-29 4069
今天需要做一个效果，当鼠标移动到一个图片上时，就显示一段文字介绍。需要用js操纵一个浮动的层。我很快按要求写好了，在IE下浏览一切正常，但是在firefox下却不行。浮动的层，怎么也动不起来。经过一番查找，终于找到原因：var o = document.getElementById("hidDiv");    //o.style.left = e.clientX;//这种赋值方法，IE下可以，在f
document.getElementById("xx").style.xxx中的所有属性
irokay的专栏
01-30 1410
盒子标签和属性对照 CSS语法（不区分大小写） JavaScript语法（区分大小写） border border border-bottom borderBottom border-bottom-color borderBottomColor border-botto
var style = window.getComputedStyle(box); var left = parseInt(style.left); //2增加left样式属性值 left++; //3利用内联样式覆盖外联样式 box.style.left = left + 'px';
最新发布
07-11
`：这一行代码将 `style.left` 的值（即 `box` 元素的 `left` 样式属性值）转换为整数，并将其赋值给变量 `left`。 3. `left++;`：这一行代码将变量 `left` 的值增加 1。 4. `box.style.left = left + 'px';`：这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值