这是html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<script type="text/javascript" src="temp.js">
</script>
<style type="text/css">
body {
background-image: url(image.jpg);
background-repeat: no-repeat;
background-position: 0px 100px;
}
</style>
<body>
<p>This is a test paragraph to fill space</p>
<input type="button" onClick="size()"/>
</body>
</html>
和javascript
function size() {
var body = document.getElementsByTagName("body");
body.style.backgroundPosition: "0px 30px";
}
但由于某种原因,当我点击按钮时没有任何反应。有人知道什么不起作用吗?
最佳答案
你想要的是:
function size() {
document.body.style.backgroundPosition = "0px 30px";
}
解释:
使用 document.body
访问 body
body.style.backgroundPosition: "0px 30px";
应该是 body.style.backgroundPosition = "0px 30px";
关于javascript - 如何使用 javascript 更改网站上的背景图片位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17519153/