Javascript 如何使用css或js隐藏文本?

Javascript 如何使用css或js隐藏文本?,javascript,html,css,hide,Javascript,Html,Css,Hide,我有这个html <div id="body" role="main"> <h1>Title</h1> <p>My site is mysite.com</p></div> 我在每一页上都有or和 我想隐藏和或标题的内部文本,我的站点是mysite.com,位于特定URL上,而不会影响其他页面上的或和 请帮我用css或js隐藏它们 谢谢您可以像这样使用Css显示属性: h1{ display : none;

我有这个html

<div id="body" role="main">
    <h1>Title</h1>
<p>My site is mysite.com</p></div>
我在每一页上都有or和

我想隐藏和或标题的内部文本,我的站点是mysite.com,位于特定URL上,而不会影响其他页面上的或和

请帮我用css或js隐藏它们


谢谢

您可以像这样使用Css显示属性:

h1{
   display : none;
}
您可以使用display:none


可以隐藏正文的直接子元素:

body > h1, body > p {
   display: none;
}
让我知道它是否适合您。

只需使用.innerText=;设置空内容。检查下面的代码片段

更新:要检查URI并仅在其匹配时应用,请使用

var uri = window.location.pathname.substr(1).replace('/', '');
if (uri == 'secret') {
    var div = document.getElementById('body');
    div.getElementsByTagName('h1')[0].innerText = '';
    div.getElementsByTagName('p')[0].innerText = '';
}
var div=document.getElementById'body'; div.getElementsByTagName'h1'[0].innerText=; div.getElementsByTagName'p'[0].innerText=; 标题
我的网站是mysite.com

我不喜欢id,所以我更喜欢上课

<style>
.hide {
  display: none;
}
</style>
要从/secret/上的显示中删除h1和p,可以使用javascript。只需将此添加到/secret/的底部即可


可以使用{display:none}样式隐藏特定标记的文本

H1-1 我的网站是mysite.com


h1{display:none}

不知道你的意思。您想使用CSS或JS隐藏这些元素,而不引用主体上的div、role或id,也不引用CSS/JS选择器中的h1或p?您想保留标记并删除内部文本吗?@miko您可以添加一个隐藏类来执行此操作吗?如果是的话,我相信我们能帮上忙。除非使用JavaScript/jQuery,否则没有其他方法,除非使用某种类型的类。您也可以将其添加到内联样式中,但您的问题并不完全有意义。请进一步澄清。@Michael Coker-yes@Commercial自杀-是的,我没有修改和的权限,但我可以添加css或js。这些代码将隐藏在所有页面中!该代码将影响所有页面?这取决于您放置代码的位置。如果只需要在特定页面上隐藏文本,请将上述代码仅放置在需要隐藏文本的页面上如果我添加css或js,代码将加载到每个页面上,我希望代码只在特定的URL中生效,比如site.com/secret?为什么不能编辑site.com/secret页面并放置脚本?不要将脚本放置在为每个页面加载的.js文件中。把它放在html页面之间,我是在所有页面中添加但不工作?我使用“检查URI”。@miko你能改为将脚本添加到页面底部吗?@miko这个问题涉及到为什么它不起作用-第一个解决方案有一系列方法,我是在上面的标记中添加的,但只在第一个标记中不起作用,或者在同一页面的标记中不起作用?@miko你在页面的多个位置定义body吗?
<style>
.hide {
  display: none;
}
</style>
<div id="body" role="main">
  <h1 class="hide">Title</h1>
  <p class="hide">My site is mysite.com</p>
</div>
#body > h1:nth-child(1),
#body > p:nth-child(2) {
  display: none;
}
<script>
            var target = document.getElementById('body');
            target.querySelector('p').style = 'display: none;';
            target.querySelector('h1').style = 'display: none;';
</script>
<script>
        var uri = window.location.pathname.substr(1).replace('/', '');
        if (uri == 'secret') {
            var target = document.getElementById('body');
            target.querySelector('p').style = 'display: none;';
            target.querySelector('h1').style = 'display: none;';
        }
</script>