Html Javascript:将文本附加到 div 中?

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/19197140/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 14:07:25  来源:igfitidea点击:

Javascript : Append text into div?

javascripthtml

提问by Hai Tien

I want use javascript to append clock into inside of a div. Here is my code :

我想使用 javascript 将时钟附加到 div 内部。这是我的代码:

<script type="text/javascript">
//<![CDATA[
function makeArray() {
for (i = 0; i<makeArray.arguments.length; i++)
this[i + 1] = makeArray.arguments[i];
}

var months = new makeArray('January','February','March','April','May',
'June','July','August','September','October','November','December');
var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;

var timer = document.write(months[month]+ " " +day + ", " + year);
document.getElementById('time').appendChild(timer);
//]]></script>

<div id='time'></div>

But it doesn't work. Help me for fixing it. Thanks you.

但它不起作用。帮我修一下。谢谢。

采纳答案by Sergio

Try this:

尝试这个:

var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var yy = date.getFullYear();
var year = (yy < 100) ? yy + 1900 : yy;

var timer = document.createElement('div');
timer.innerHTML = months[month] + " " + day + ", " + year;
document.getElementById('time').appendChild(timer);

Demo here

演示在这里

回答by PSK

innerHTMLcan write text into the div as you are not appending any element here.

innerHTML可以将文本写入 div,因为您没有在此处附加任何元素。

document.getElementById('time').innerHTML = months[month]+ " " +day + ", " + year;

for refernece :http://jsfiddle.net/SpgMm/2/

供参考:http: //jsfiddle.net/SpgMm/2/

if you really want to use appendChild better use createElement and then append it to div.

如果你真的想使用 appendChild 最好使用 createElement 然后将它附加到 div。

Hope it helps

希望能帮助到你

P.S. use this only when dealing with raw javascipt otherwise Jquery html method is best option.

PS 仅在处理原始 javascipt 时使用它,否则 Jquery html 方法是最佳选择。

回答by S. S. Rawat

Try this, this will help you

试试这个,这会帮助你

var months = new Array('January','February','March','April','May',
'June','July','August','September','October','November','December');
var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
var timer = months[month]+ " " +day + ", " + year;
$('#time').html(timer);

Or in Javascript you can write as

或者在 Javascript 中你可以写成

document.getElementById('time').innerHTML=timer;

Fiddle Here

小提琴 Here