Wil*_*ied 4 html javascript css variables
我试图创建一个文本出现在随机位置的页面.为此,我需要随机创建包含文本的DIV中的左侧和顶部距离.以下HTML是我正在考虑的基本概念.
<body>
<script>
function myFunction() {
var leftvar = Math.round(Math.random()*1000);
var topvar = Math.round(Math.random()*1000);
}
window.onload = myFunction;
</script>
<div style="left:leftvar; top:topvar;">
<p>Test</p>
</div>
</body>
如何将变量放在DIV的样式CSS中？
此外,任何其他方式来随机重新定位DIV将不胜感激.
使用javascript获取元素并更改其样式属性:
<head>
<style>#myDiv {position: relative;}</style>
</head>
<body>
<script>
function myFunction() {
var leftvar = Math.random()*1000;
var topvar = Math.random()*1000;
var elem = document.getElementById('myDiv');
elem.style.left = leftvar + 'px';
elem.style.top = topvar + 'px';
}
window.onload = myFunction;
</script>
<div id="myDiv">
<p>Test</p>
</div>
</body>