javascript - 缺少之前的声明

Question

我有以下要设置样式的代码：

var dateString = val.date; // this display my blog post date e.g. "2013-09-02 15:04:50"
var split = dateString.split(' ');

output += '<div class="postxt">' (split[0] +" at "+ split[1]) '</div>';

如何为 split0 和 split1 添加跨度或 div

谢谢

Answer 1

只需将 SPAN 添加到 HTML，与执行 DIV 的方式相同。

output += '<div class="postxt"><span class="date">' + split[0] + 
          '</span> at <span class="time">' + split[1] + '</span></div>';

您还需要使用+变量来连接 HTML 元素。

Answer 2

你的大括号应该是最后一行的加号：

output += '<div class="postxt">' + split[0] + " at " + split[1] + '</div>';

请注意，您可以保留大括号，但它们既不是必需的，在连接字符串时也没有任何区别：

output += '<div class="postxt">' + (split[0] + " at " + split[1]) + '</div>';

添加任何你想要的 div、span、样式类：

output += '<div class="postxt"><span class="foo">' + split[0] + "</span> at <span class="bar">" + split[1] + '</span></div>';

您得到的错误“Missing ... before statement”只是在 JavaScript 级别，它与添加更多 HTML 元素无关。