web-dev-qa-db-ja.com

javascriptを使用して別の要素内にspan要素を作成します

このコードは、Googleカレンダーからのものです。

var dateString =  (startJSDate.getMonth() + 1) + "/" + startJSDate.getDate();
  if (!startDateTime.isDateOnly()) {
  dateString += " @ " + startJSDate.getHours() + ":" + 
  padNumber(startJSDate.getMinutes());
}
 dateString = "<span>" +dateString + "</span>";
 var li = document.createElement('li');

変数dateStringの周りにspanタグを追加する必要があります。上記のように追加すると、ページ上のテキストとして「1234」が返されます。

文字列は次のようにレンダリングされます。

li.appendChild(document.createTextNode(' - ' + dateString));
javascripthtmlgoogle-calendar-api
30
Nicekiwi

次のコードを試して、createElementを使用してspanを作成し、その中に日付文字列をinnerHTMLとして挿入します。次に、liにspanを追加します。

var dateSpan = document.createElement('span')
dateSpan.innerHTML = dateString;
var li = document.createElement('li');
li.appendChild(dateSpan);
52
Naren Sisodiya

jqueryを使用できる場合は、メソッド.wrap（）が必要な処理を実行します。

1
reporter