Html渲染 让从后台传来的值改变那个li的背景颜色

Question

假设

 ${a}=0  , ${b}!=0
<ul>
    <li>${a}</li>
    <li>${b}</li>
</ul>

把值为0的li背景渲染成绿色，显示改变为“未预约”
跪求完整代码

Answer 1

js版本

<ul id="ul">
    <li>0</li>
    <li>1</li>
</ul>
<script>
    var lis = document.getElementById('ul').getElementsByTagName('li');
    for (var i = 0; i < lis.length; i++) {
        if (lis[i].innerHTML == '0') {
            lis[i].style.backgroundColor = 'green';
            lis[i].innerHTML = '未预约';
        }
    }
</script>

其实你服务端直接设置就好，不需要客户端js脚本，不懂你用的什么语言，好像是java之类的，不懂java。。。下面是asp的

 <ul id="ul">
    <li<%
        if a="0" then response.write "style='backgroundcolor:green'"
        %>><%
        if a="0" then response.write "未预约"
        %></li>
    <li<%
        if b="0" then response.write "style='backgroundcolor:green'"
        %>><%
        if b="0" then response.write "未预约"
        %></li>
</ul>