仅使用css修改/隐藏文本

Question

我有一个页面，我无权访问以下内容的html：

<span id="page_title_text">Welcome - Overview</span>

我希望得到这个：

 <span id="page_title_text">Overview</span>

由于我不能简单地修改代码本身的文本，我想知道是否可以用css隐藏文本“Welcome - ”（我可以访问css相关文件）。

有什么建议吗？ 感谢

Answer 1

您只需更新文字或进行实际替换：

更新文字

document.getElementById('page_title_text').innerHTML = 'Overview' ;

替换

document.getElementById('page_title_text').innerHTML =
   document.getElementById('page_title_text').innerHTML.replace(/Welcome -/,'');

jsFiddle

Answer 2

#page_title_text:before {
    content: "Welcome - ";
}

Answer 3

人们似乎不理解你的问题......

我不确定这是否可以优雅地完成。

你可以尝试这样的“hacky”：

#page_title_text {
    position:absolute;
    top: -15px;
    width: 70px;
}
#page_title_text:first-line {
    color:white;
}

JSFiddle

当然，这个答案假设现有的样式等。它也没有摆脱文本内容。有隐藏它的方法（着色或定位等）。