问题
es5怎么在html里写三元表达式使用不同的样式,如下图和代码
代码
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
Hello ECMA Script 6
<div id="test">a</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
var b = 5;
var c = 6;
var a = "<div " + (b > c) + " ? style='color:red' : style='color:blue'></div>";
$("#test").html(a)
</script>
</body>
</html>
6 回答
慕桂英4014372
TA贡献1871条经验 获得超13个赞
var a = b > c ? "<div style='color:red'></div>":"<div style='color:blue'></div>";这样？
或者
var color = b > c ? 'red': 'blue';
var a = '<div style="color:'+color+'"></div>';
ibeautiful
TA贡献1993条经验 获得超5个赞
方法1：
var a = "<div style=\"${b > c?'color:red':'color:blue'}\"></div>";
方法2：
var a = "<div style=\""+(b>c?"color:red":"color:blue")+"\"></div>";
皈依舞
TA贡献1851条经验 获得超3个赞
var b = 5;
var c = 6;
$("<div>")
.text("123")
.css("color", b > c ? "red" : "blue")
.appendTo("#test");- 6 回答
- 0 关注
- 3144 浏览
添加回答
举报
0/150
提交
取消