JavaScript使用DOM方法和屬性

Question

大家好，我在這里有一些代碼可以在頁面上創建HTML元素，這些元素將在ID ='today'旁邊顯示今天的日期。如何使用textnode寫入ID？ 謝謝你的幫助！ 這是我的完整代碼：

HTML：

  <body>
  <h1>ToDo List - Date: <span id='today'>&nbsp;</span></h1>

  <div id="todolist">
<p>
    <input type="button" id="additem" value="Add Item">
</p>
  </div>

  <hr>

  <div>
<p>
    <input type="button" id="sortitems" value="Sort and Display Items">
</p>

<p id="displayitems">
</p>
   </div>
  </body>

使用Javascript：

 var $ = function (id){
return document.getElementById(id);
   }

  var TodaysDate = function () {
  var myDate = new Date();

  var myMonth = myDate.getMonth() + 1;
  var myDay = myDate.getDate();
  var myYear = myDate.getFullYear();

  var myResponse = myMonth + "/" + myDay + "/" + myYear;

  var myPara = document.createElement("p");
  var myP = document.getElementById('today');
  myP.appendChild(myPara);

  var myText = document.createTextNode(myResponse);
  myPara.appendChild(myText);

  }
  window.onload = function ()
  {
   $("today").onload = TodaysDate;
   $("sortitems").onclick = sortItem;
   $("additems").onclick = addItem;     
  }

Answer 1

跨度加載？ 跨度未觸發上載。 其他對象確實具有加載事件，例如：窗口/框架，主體，鏈接，腳本和圖像

更改

 $("today").onload = TodaysDate;

至

 TodaysDate();

和

var myPara = document.createElement("p");
var myP = document.getElementById('today');
myP.appendChild(myPara);
var myText = document.createTextNode(myResponse);
myPara.appendChild(myText);

至

var myPara = document.createElement("p");
var myText = document.createTextNode(myResponse);
myPara.appendChild(myText);

var myP = $('today');
myP.appendChild(myPara);

Answer 2

嘗試替換此行：

$("today").onload = TodaysDate;

用這一行：

TodaysDate();

因為SPAN標記不支持onload事件（請參見此答案） 。

在這里嘗試。

JavaScript使用DOM方法和屬性

問題描述

2 個解決方案

解決方案1
2 已采納 2013-10-27 20:51:00

解決方案2
1 2013-10-27 20:57:18

JavaScript使用DOM方法和屬性

問題描述

2 個解決方案

解決方案1 2 已采納 2013-10-27 20:51:00

解決方案2 1 2013-10-27 20:57:18

解決方案1
2 已采納 2013-10-27 20:51:00

解決方案2
1 2013-10-27 20:57:18