使用 javascript 在另一个元素内创建一个 span 元素答案

【问题标题】：Create a span element inside another element using javascript使用 javascript 在另一个元素内创建一个 span 元素
【发布时间】：2011-04-27 10:31:58
【问题描述】：

此代码来自谷歌日历。

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));

【问题讨论】：

你试过li.innerHTML = dateString 吗？

标签： javascript html google-calendar-api

【解决方案1】：

尝试以下代码，使用 createElement 创建跨度并将日期字符串作为 innerHTML 插入其中。然后将 span 附加到 li。

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

【讨论】：

从未见过如此巧合，复制了我项目中的代码，甚至变量名都匹配了...?
@Chaki_Black：这就是所谓的开发者语言：P

【解决方案2】：

如果你可以使用 jquery，那么方法 .wrap() 会做你想做的事。

【讨论】：