单引号，双引号，加号登录Javascript

Question

我不擅长JS。我试图从这些代码修改jQuery插件：

aTag +=  " style='"+innerStyle+"'";
aTag += arrow + '<span>text here</span>';

这些代码：

//aTag +=  " style='"+innerStyle+"'";
aTag += arrow + '<span style="'+innerStyle+'">text here</span>';

基本上我想将innerStyle的内容从anchor标签移动到span标签。然而，在Firebug中，我在移动后看到了这个烂摊子：

<span blue;"="" solid="" 1px="" border:="" 25px;="" text-indent:="" transparent;="" -80px="" 5px="" scroll="" no-repeat="" image.png")="" images="" web="" 127.0.0.1="" http:="" style="background: url(">text</span>

为什么它适用于锚标记但不适用于span标记？加号（+）有什么用？

Answer 1

+完成它在这种情况下的样子（连接文本）。这里的问题是在第一个实例中生成的HTML如下所示：

style='some contents with a " symbol'

而在第二种情况下，生成的是：

style="some contents with a " symbol"

...正如您所看到的那样，它已被破坏 - 将您的代码更改为：

aTag += arrow + "<span style='" + innerStyle + "'>text here</span>";

它会起作用。