Question

我的问题来自于HTML，CSS和JavaScript协同工作的新手观点。

我可以使用JS来让我的对象在页面上显示，但我需要能够像在页面上执行任何其他元素一样移动它们。我该怎么做呢？ CSS？

请告知。

var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();

if(dd<10) {
    dd='0'+dd
} 

if(mm<10) {
    mm='0'+mm
} 

today = mm+'/'+dd+'/'+yyyy;
document.write(today);

输出会自动显示在右上角，我希望将其移到页面的右下角。

此代码来自本网站的某个地方，作为培训目的，所以您可能以前见过它。

感谢。

Answer 1

而不是使用document.write尝试将其附加到具有可以设置样式的类的div。

var div = document.getElementById('divID');
div.innerHTML = today;

Answer 2

[我希望我能发表评论，但我没有足够的声誉] 你绝对应该使用css来进行这些类型的样式，但是如果你真的必须用javascript做这个，试试这个：

＆＃13;

var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
if(dd<10) {
    dd='0'+dd
} 
if(mm<10) {
    mm='0'+mm
} today = mm+'/'+dd+'/'+yyyy;

//creating and styling the green div
var mydiv = document.getElementById('demo');
mydiv.style.position = "absolute";
mydiv.style.top = "80px";
mydiv.style.left = "50px";

//applying the value of today
mydiv.innerHTML = today;
//see how this line removed the 'Hello world' html content and 
//placed the value of today?

＆＃13;

#demo {
  background: lightgreen;
  padding: 10px; 
  font-size: 130%;
  width: 200px;
}

＆＃13;

<div id="demo">Hello world</div>

＆＃13;

从javascript注释掉最后两行以了解更改。感谢

如何在网页周围移动JavaScript输出

2 个答案: