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

我有一个名为

root.JSP

的JSP页面，其中我有一个页脚标记，用于替换某些文本（来自java端的属性文件）。页脚标记本身根据登录到站点的特定角色使用scriplets显示

root.jsp

包含

global.js

文件，这里是代码片段

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

---

我应该如何做到这一点？

在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;
}

---

请不要使用Scriptlet！请阅读。谢谢。这很有效。我有个问题。在root.jsp中，我添加了$（document）.ready（）并添加了上面显示的代码。在root.jsp中，我有一个特定的部分显示在不同的jsp页面上，比如section.jsp。在那一节中，我们有另一个$（document）.ready（）函数。这样做好吗？在添加了您的代码后，没有任何内容会被破坏。只是想确定这仍然有效implementation@pushya .. 最好是在jsp页面本身中分配类，而不是为此类情况编写javascript，在这种情况下，用户只需访问

DOM

，就可以删除类并查看下面的信息。。

.hide {
    display : none;
}