Why isn't obj.style.left = "200px"; working in this code?
Question
Why wont .style.top = "200px"; work in this code? Calling the event within the element using oclick="this.style.left='200px';"doesn't work either.
<html>
<head>
</head>
<body>
<div id="theDiv">The Div</div>
<button id="theButton">Do</button>
</body>
</body>
</html>
<script type="text/javascript">
document.getElementById("theButton").onclick = function(){
document.getElementById("theDiv").style.top = "200px";
};
</script>
1 answers
solution1
9 ACCPTED 2010-11-18 16:07:07
要使用left或top样式，元素必须是position:absolute或position:relative或position:fixed
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Fire event if margin-left == 200px;
why does the element in my Javascript code not stop moving after it reaches 200px?
Uncaught TypeError: Cannot read properties of undefined (reading 'style') style.width="200px"
if width == 200px run function
jQuery won't execute with the animate: top 200px function. Yet it will with an animate: height
CSS: Make two column layout with left column fluid (fill all remaining space) and right column fixed (200px)
How to alert when scroll page every 200px;
Show div on scroll 200px but hide it on click
How to make anchor links in Fixed header with height 200px?
If document can be scrolled vertically by 200px or more run function
Related Tags