怎样解决js里document.write覆盖的问题
<head><style>#div1{width:100px;height:100px;background-color:#000;margin-top:200px;}<...
<head>
<style>
#div1 { width:100px; height:100px; background-color:#000; margin-top:200px;}
</style>
<script>
window.onload=function(){
var oTime=new Date();
var oSpan1=document.getElementById('span1');
oSpan1.InnerHTML=oTime.getYear()+'年'+(oTime.getMonth()+1)+'月'+oTime.getDate()+'日'+oTime.getHours()+':'+oTime.getMinutes()+':'+oTime.getSeconds();
};
</script>
</head>
<body>
<span id="span1"></span>
<div id="div1"></div>
</body>
</html>
我想要知道的是怎样才能把这个时期输入到指定的span1里
div1只是测试有没有被覆盖而已 展开
<style>
#div1 { width:100px; height:100px; background-color:#000; margin-top:200px;}
</style>
<script>
window.onload=function(){
var oTime=new Date();
var oSpan1=document.getElementById('span1');
oSpan1.InnerHTML=oTime.getYear()+'年'+(oTime.getMonth()+1)+'月'+oTime.getDate()+'日'+oTime.getHours()+':'+oTime.getMinutes()+':'+oTime.getSeconds();
};
</script>
</head>
<body>
<span id="span1"></span>
<div id="div1"></div>
</body>
</html>
我想要知道的是怎样才能把这个时期输入到指定的span1里
div1只是测试有没有被覆盖而已 展开
4个回答
展开全部
搞得太复杂了。用以下代码测试就行了。
<span id="s1">test</span>
<div id="d1">不会被覆盖的</div>
<script>
var obj = document.getElementById('s1');
obj.innerHTML = '重绘span中的内容';//李岩说的没错，注意大小写，innerHTML而不是InnerHTML
obj.innerHTML += '追加内容而不覆盖';
</script>
以上代码直接后页面会看到
<span id="s1">重绘span中的内容追加内容而不覆盖</span><div id="d1">不会被覆盖的</div>
写入日期和写入普通字符串没有任何区别，只要你保证日期字符串能被有效的生成就行了。建议用getFullYear代替getYear
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的不是已经可以完成这个功能了吗？
更改标签内的内容的方法，
1 先获得该标签的DOM对象 ，， 比如document.getElementByID(...),
对于使用TagName, ClassName, 等方式获得是一组DOM对象（即使只有一个也要这样认为），还需要借助item属性访问指定的元素。
2 使用innerHTML 或者innerTEXT 修改标签内容
当然 ，你也可以使用JQuery， 方法是差不多的
更改标签内的内容的方法，
1 先获得该标签的DOM对象 ，， 比如document.getElementByID(...),
对于使用TagName, ClassName, 等方式获得是一组DOM对象（即使只有一个也要这样认为），还需要借助item属性访问指定的元素。
2 使用innerHTML 或者innerTEXT 修改标签内容
当然 ，你也可以使用JQuery， 方法是差不多的
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把这window.onload=function(){改为：function getdatetime(){
这<body>改为<body onload=“getdatetime()”>如下：
<head>
<style>
#div1 { width:100px; height:100px; background-color:#000; margin-top:200px;}
</style>
<script>
function getdatetime(){
var oTime=new Date();
var oSpan1=document.getElementById('span1');
oSpan1.InnerHTML=oTime.getYear()+'年'+(oTime.getMonth()+1)+'月'+oTime.getDate()+'日'+oTime.getHours()+':'+oTime.getMinutes()+':'+oTime.getSeconds();
};
</script>
</head>
<body onload=“getdatetime()”>
<span id="span1"></span>
<div id="div1"></div>
</body>
</html>
追问
我不单单只是一个函数，所以你这个方法不行 ，还有别的输出的方法吗
追答
请问下你到底要问的什么？可否把问题说清楚一些？
.多个函数分开写，最后一起提交啊。如，下面有两个function 分别check两个项目，最后提交在submit button使用check_submit()即可
//早调度会工作落实情况（汇总）
function checkreportwork() {
var reportwork = document.getElementById("txt_reportwork");
if (reportwork.value.length == 0) {
alert("早调度会工作落实情况为必填内容!");
return false;
}
if (reportwork.value.length > 1024) {
alert("早调度会工作落实情况最大字数限制为2000字!");
return false;
}
return true;
}
//领导讲话落实情况
function checkreportleader() {
var reportleader = document.getElementById("txt_reportleader");
if (reportleader.value.length == 0) {
alert("领导讲话落实情况为必填内容!");
return false;
}
if (reportleader.value.length > 1024) {
alert("领导讲话落实情况最大字数限制为2000字!");
return false;
}
return true;
}
//提交汇总日报
function check_submit() {
if (!(checkreportwork() && checkreportleader() )) {
return false;
}
return true;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
oSpan1.innerHTML
注意大小写
追问
你的方法不行 根本不能输出
追答
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
