如何使用ceratin Javascript逻辑更新JSP页面html元素

How to update a JSP page html element using ceratin Javascript logic?

本文关键字：JSP 页面 html 元素 更新 何使用 ceratin Javascript      更新时间：2024-05-30

我有一个名为root.jsp的JSP页面，其中有一个页脚标记，用于替换某些文本（来自java端的属性文件）。页脚标记本身使用基于登录到网站的某些角色的手写体显示。root.jsp包含global.js文件，这里是代码片段

**root.jsp**   
 <%if(role.equals("Learner")){%>
        <footer>
            <p id ="par1">${userAccessMsg}.</p>
            <p id ="par2">${userNoFolderAccessMsg}.</p>
        </footer>
        <%} %>

我只需要通过检查变量folders是否为空来显示一个<p>标签。

 **global.js**
    var folders = getConfigLinkedFolders();
    function getConfigLinkedFolders {
       return arrayList; /*["defssfsf","hrhrhhr"] */
}

我该怎么做？

在DOM就绪处理程序中有一个方法，在中可以向有问题的元素添加一个类。

$(document).ready(function() {
     var folders = getConfigLinkedFolders();
     if(folders && folders.length > 0) {
          $('#par2').addClass('hide');
     } else {
          $('#par1').addClass('hide');
     }
});
function getConfigLinkedFolders {
    return arrayList; /*["defssfsf","hrhrhhr"] */
}

在您的CSS文件中定义类hide

.hide {
    display : none;
}
相关文章：