Javascript 我只有一节课而不是两节课。

Javascript 我只有一节课而不是两节课。,javascript,html,Javascript,Html,当我将此字符串附加到浏览器时 ' <div class=' + (data[x].connected == true ? 'cardDefault online' : 'cardDefault offline') + ' >' “” 我明白了 而不是 <div class="cardDefault offline" > </div> '' '' 您需要在输出字符串中的类名周围加引号。试试这个: ' <div class=\" cardDef

当我将此字符串附加到浏览器时

' <div class=' + (data[x].connected == true ? 'cardDefault online' : 'cardDefault offline') + ' >' 
“”
我明白了


而不是

<div class="cardDefault offline" > </div>

''
''

您需要在输出字符串中的类名周围加引号。试试这个:

' <div class=\" cardDefault ' + (data[x].connected ? 'online' : 'offline') + '\" >' 
“”

您需要在输出字符串中的类名周围加引号。试试这个:

' <div class=\" cardDefault ' + (data[x].connected ? 'online' : 'offline') + '\" >' 
“”
试试看

“”
我在课堂上用了双引号

试试看

“”

我在课堂上用了双引号

您忘记在类字符串周围加引号了。您正在创建的HTML看起来像没有引号的
。为什么
cardDefault
是三元的,因为它在那里?我一直认为,要检查
true
,应该使用
==
确保没有发生类型强制,允许将“truthy”值计算为等于
true
。三元运算符(?)只返回一个值,而不是两个。如果条件为true,则返回第一个值如果条件为false,则返回第二个值,但不是两者都返回。您忘了在类字符串周围加引号。您正在创建的HTML看起来像没有引号的
。为什么
cardDefault
是三元的,因为它在那里?我一直认为,要检查
true
,应该使用
==
确保没有发生类型强制,允许将“truthy”值计算为等于
true
。三元运算符(?)只返回一个值而不是两个。如果条件为true,则返回第一个值如果条件为false,则返回第二个值,但不会同时返回两个值
' <div class=\" cardDefault ' + (data[x].connected ? 'online' : 'offline') + '\" >' 
' <div class="' + (data[x].connected == true ?       'cardDefault online' : 'cardDefault offline') + '">'