js动态加载的html里写if判断

var $live_status1 = "<span class='live_status warmingUp'>" + $result['article_list'][$i]['live_status_describe'] + "</span>"
var $live_status2 = "<span class='live_status LiveStreaming'>" + $result['article_list'][$i]['live_status_describe'] + "</span>"
var $live_status3 = "<span class='live_status LivePlayback'>" + $result['article_list'][$i]['live_status_describe'] + "</span>"
if($result['article_list'][$i]['live_status'] == 1){
   $live_status1
}else if($result['article_list'][$i]['live_status'] == 2){
   $live_status2
}else if($result['article_list'][$i]['live_status'] == 3){
   $live_status3
}

$html += "<div class='index_video'>"
       if($result['article_list'][$i]['live_status'] == 1){
           $html += $live_status1
       }else if($result['article_list'][$i]['live_status'] == 2){
           $html += $live_status2
       }else if($result['article_list'][$i]['live_status'] == 3){
           $html += $live_status3
       }
$html   +=   "<span class='tips'>" + $result['article_list'][$i]['company_name'] + "</span>"
       +    "<div class='liveIndex_time'>"
       +        "<img src='__IMG__/live/clock.png' class='date_img'>"
       +        "<span class='live_date'>" + $result['article_list'][$i]['live_start_time'] + "</span>"
       +    "</div>"
       +    "<a href='" + $result['article_list'][$i]['h5_url'] + "' style='height: auto'>"
       +        "<img src='__IMG__/white.png' data-echo='" + $result['article_list'][$i]['image_url'] + "' class='video_img' />"
       +        "<img src='__IMG__/play.png' class='play'>"
       +        "<p style='margin-bottom: 0.3rem;'>" + $result['article_list'][$i]['theme'] + "</p>"
       +        "<li style='overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-bottom: 0;'></li>"
       +    "</a>"
       +"</div>"
可以使用原生的 HTMLJavaScript 来实现判断显示隐藏和循环的功能。以下是一个示例: ```html <!DOCTYPE html> <html> <head> <title>判断显示隐藏和循环示例</title> <script> function toggleVisibility() { var element = document.getElementById("myElement"); if (element.style.display === "none") { element.style.display = "block"; } else { element.style.display = "none"; } } function loopExample() { var output = ""; for (var i = 1; i <= 5; i++) { output += "循环第 " + i + " 次<br>"; } document.getElementById("loopOutput").innerHTML = output; } </script> </head> <body> <button onclick="toggleVisibility()">切换显示隐藏</button> <div id="myElement" style="display: none;"> 这是一个要隐藏和显示的元素 </div> <button onclick="loopExample()">循环示例</button> <div id="loopOutput"></div> </body> </html> ``` 在上面的示例中,我们定义了两个 JavaScript 函数 `toggleVisibility()` 和 `loopExample()`。`toggleVisibility()` 函数用于切换指定元素的显示和隐藏,通过获取元素的 `style.display` 属性来判断当前状态并进行切换。`loopExample()` 函数用于循环输出一定次数的文本,在每次循环中将文本内容添加到一个字符串变量中,最后将结果显示在指定的元素中。 在 HTML 部分,我们定义了两个按钮,分别用于触发 `toggleVisibility()` 和 `loopExample()` 函数。另外,我们定义了一个隐藏和显示的 `<div>` 元素,并初始设置为隐藏状态。还有一个用于展示循环结果的 `<div>` 元素。 当点击切换显示隐藏的按钮,会调用 `toggleVisibility()` 函数来切换隐藏和显示状态。当点击循环示例的按钮,会调用 `loopExample()` 函数来进行循环并将结果展示在页面中。 这样就实现了使用原生的 HTMLJavaScript 来实现判断显示隐藏和循环的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值