Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript-更改位置的问题_Javascript_Css_Position - Fatal编程技术网

Javascript-更改位置的问题

Javascript-更改位置的问题,javascript,css,position,Javascript,Css,Position,我尝试使用Javascript更改positiontop(CSS)值。我的元素有一个绝对位置(top:-300px;)。但是我无法设置我的分区的px。。。您可以在下面的代码中看到,我尝试过的版本仅设置为0工作所有其他版本都不会影响我的div位置 var值=-35; document.getElementById(“myElement”).style.top=value;//不起作用 document.getElementById(“myElement”).style.top=value+'px

我尝试使用Javascript更改positiontop(CSS)值。我的元素有一个绝对位置(
top:-300px;
)。但是我无法设置我的分区的px。。。您可以在下面的代码中看到,我尝试过的版本仅设置为0工作所有其他版本都不会影响我的div位置

var值=-35;
document.getElementById(“myElement”).style.top=value;//不起作用
document.getElementById(“myElement”).style.top=value+'px';//不起作用
document.getElementById(“myElement”).style.top=0;//工作
document.getElementById(“myElement”).style.top='10px';//不起作用
document.getElementById(“myElement”).style.top='10';//不工作
它工作得很好

document.getElementById(“myElement”).style.top='100px'

检查下面的代码段

document.getElementById(“myElement”).style.top='100px'
按钮{
宽度:100px;
高度:50px;
填充:10px;
背景:水;
边界半径:10px;
位置:绝对位置;
}

观察我
如果将来有人会遇到同样的问题,我自己的回答可能会有所帮助: 我找到了一个解决办法。这是因为值0>产生问题,所以如果值低于0,只需使用parseInt即可:

document.getElementById("myElement").style.top = parseInt(value) + 'px';

感谢所有的帮助,这个问题现在可以结束了

你能在
jsfiddle
@Petschko上重现这个问题吗?你需要在你的问题中添加更多的信息-html/css-因为你发布的代码可以工作!(
.style.top='10px'
)您可以使用JSFIDLE或jsbin复制错误。记住只发布相关代码。还记得发布所有代码,以便发布到fiddle/jsbin
document.getElementById(“element”).style.top=“100px”工作完美,如其他人所述,工作完美(最后一行除外,因为需要单元);不过,这确实取决于运行JavaScript之前DOM中存在的元素。所以我想看看
console.log(document.getElementById('myElement'))产生了什么。这个问题应该结束了。你没有读过
document.getElementById('myElement')。style.top='10px';//不起作用
我在这里提到它起作用了。那么问题是什么?问题是,你的答案无法解决OP遇到的问题。奥普试过了,但对他没用。@fuyushimoya:奥普是什么意思?对不起,英语不是我的主要语言;-)我在这里证明op所说的不起作用,完全起作用。