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>

胡子哥哥

浏览 3145回答 6

6回答

慕桂英4014372

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

0 0

Cats萌萌

和es5啥关系写法的问题

0 0

ibeautiful

方法1： var a = "<div style=\"${b > c?'color:red':'color:blue'}\"></div>"; 方法2： var a = "<div style=\""+(b>c?"color:red":"color:blue")+"\"></div>";

0 0

皈依舞

var b = 5; var c = 6; $("<div>") .text("123") .css("color", b > c ? "red" : "blue") .appendTo("#test");

0 0

随时随地看视频慕课网APP