Question

嘿伙计们我在这里有一些代码，它们应该在页面上创建HTML元素，今天将显示ID =＆＃39;今天＆＃39;如何使用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

跨度上载？跨度不会触发Onload。其他对象确实有一个load事件，例如：windows / frames，body，link，script和images

更改

 $("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事件（请参阅 this answer) 。

尝试 here 。

JavaScript使用DOM方法和属性

2 个答案: