使用基于指定值的Javascript添加CSS类

时间:2017-08-09 17:23:46

标签: javascript css

我有一个基于网络的crm,我正在尝试编辑特定页面的布局。我想使用javascript添加一个类,具体取决于" created_by_name"的值。与" assigned_user_name"相同。

这是javascript ...

<script>
    var assigneduser = document.getElementById("<%= model.get('created_by_name') %>").value;
    var createdby = document.getElementById("<%= model.get('assigned_user_name') %>").value;

    if (assigneduser === createdby) {
        document.getElementById("eachmessage").className += " message to";


    } else {
        document.getElementById("eachmessage").className += " message from";
    }
</script>

这里是完整的代码。

<script>
    var assigneduser = document.getElementById("<%= model.get('created_by_name') %>").value;
    var createdby = document.getElementById("<%= model.get('assigned_user_name') %>").value;

    if (assigneduser === createdby) {
        document.getElementById("eachmessage").className += " message to";


    } else {
        document.getElementById("eachmessage").className += " message from";
    }
</script>
<% var rowsOnly = (rowsOnly != 'undefined' && rowsOnly) %>
<% if (!rowsOnly) { %>
<div class="messages-wrapper">
    <ul data-role="listview" data-theme="a" id="list-view">
    <% } %>
    <% if (collection.length > 0) { %>
    <%
    _.each(collection.models, function(model, key) {
    %>  
    <li name="eachmessage" class="">
        <h5><%= model.get('name') %>&nbsp;</h5>                 
        <p><%= model.get('created_by_name') %>&nbsp;</p>                    
        <p><%= model.get('description') %>&nbsp;</p>                    
        <p><%= helper.getDateTime().convertToDisplayDate(model.get('date_entered')) %>&nbsp;</p>
        <p><%= model.get('assigned_user_name') %>&nbsp;</p>                 
        <a data-icon="arrow-r" href="#<%= collection.module %>/create" data-theme="c"><%= helper.string('New') %></a>
    </li>
    <% }); %>
    <% } else { %>
    <li> <%= helper.string('You have no messages.') %></li>
    <% } %>
    <% if (!rowsOnly) { %>
    </ul>
</div>
<% } %>

有人可以帮助我了解如何正确调用created_by_nameassigned_user_name的值,以便我可以根据需要比较和应用css。

或者,如果有更好的方法使用javascript之外的其他内容,请告诉我。

0 个答案:

没有答案