使用javascript根据DOM中另一个DIV内的文本隐藏DIV?

使用javascript根据DOM中另一个DIV内的文本隐藏DIV?,javascript,Javascript,我需要根据用户角色隐藏一个DIV。除了title标记中的文本之外,我没有可以从这些userroles中使用的变量 html: <title>admin</title> 好吧,这应该能回答你的问题。 这将为ID为demo的元素设置样式none function _title(){ if(document.title=="admin"||document.title=="admin1"){ document.getElementById('demo').style.

我需要根据用户角色隐藏一个DIV。除了title标记中的文本之外,我没有可以从这些userroles中使用的变量

html:

<title>admin</title>

好吧,这应该能回答你的问题。 这将为ID为demo的元素设置样式none

function _title(){
if(document.title=="admin"||document.title=="admin1"){
    document.getElementById('demo').style.display="block";
}
}
window.onload=_title;
如果您希望使用类而不是id来允许此函数处理多个元素

function _title(){
if(document.title=="admin"){
    var DemoClass = document.getElementsByClassName('demo');
    for(var i=0; i<DemoClass.length; i++) {
        DemoClass[i].style.display="block";
    }
}
}
window.onload=_title;
上课

身份证


什么部门?代码中不包含div。您知道,如果隐藏div,仍然可以使用inspect元素找到它。。。。因此,如果您计划在页面上显示管理数据,并且隐藏该div,则该div仍将存在于页面上,但对于那些不知道如何右键单击>检查元素或查看源的人来说,该div将不可见…在说明中包含一个演示div。对我知道这一点。目前,对于任何用户角色,div都是可见的,但无法访问,因此这不是问题。无论如何,谢谢你的提醒。我已经编辑了我的答案,这应该可以解决页面加载时的闪烁问题。哦,谢谢!那很有趣。效果很好。唯一的问题是我可以在pageload上看到div一分钟。。将我使用的脚本添加到我的初始问题中,可能是我正在做的事情。这非常有效。多好的回答啊。Javascript真是太棒了!嗯,可以把剧本倒过来吗?似乎我所有的用户角色在标题标签中都有相同的文本。那么,除了示例admin和admin1之外,是否为所有人隐藏它@你可以把它改成你想要的任何东西。只需编辑ifdocument.title==admin,例如,ifdocument.title==admin1.Hmm。它似乎为每个人隐藏了它。我的titletags中确实包含了比文本admin更多的内容,它必须是完整的字符串吗?
function _title(){
if(document.title=="admin"||document.title=="admin1"){
    document.getElementById('demo').style.display="block";
}
}
window.onload=_title;
function _title(){
if(document.title=="admin"){
    var DemoClass = document.getElementsByClassName('demo');
    for(var i=0; i<DemoClass.length; i++) {
        DemoClass[i].style.display="block";
    }
}
}
window.onload=_title;
<style type="text/css">
#demo{display:none;}
</style>
<style type="text/css">
.demo{display:none;}
</style>
function _title(){
    var allow = document.title.search("admin");
if(allow>-1){
    //Set display for demo element
    var DemoClass = document.getElementsByClassName('demo');
    for(var i=0; i<DemoClass.length; i++) {
        DemoClass[i].style.display="block";
    }
}}
function _title(){
    var allow = document.title.search("admin");
if(allow>-1){
    //Set display for demo element
document.getElementById('demo').style.display="block";
}}