Html 如何使用CSS修改内容?
警告: 我不建议任何人这样做。这是一个丑陋的黑客行为。 我已经得到了代码(示例中最小化)Html 如何使用CSS修改内容?,html,css,Html,Css,警告: 我不建议任何人这样做。这是一个丑陋的黑客行为。 我已经得到了代码(示例中最小化) 我想用CSS更改“要更改的内容”。 这可能吗(包括所有丑陋的黑客)? 修改(添加)HTML很容易,就像前面提到的fiddle中的第二个块一样 注意:不推荐您尝试执行的操作。我提供给你 这是一个解决方案,因为我认为您无法访问源HTML或 您的内容是动态生成的。我还是建议你也去 更改源文件或使用JavaScript修改DOM节点 我会说不和是 为什么不? 这是一个文本节点。不能使用CSS操作DOM节点。为此
我想用CSS更改“要更改的内容”。
这可能吗(包括所有丑陋的黑客)?
修改(添加)HTML很容易,就像前面提到的fiddle中的第二个块一样
注意:不推荐您尝试执行的操作。我提供给你
这是一个解决方案,因为我认为您无法访问源HTML或
您的内容是动态生成的。我还是建议你也去
更改源文件或使用JavaScript修改DOM节点
我会说不和是
为什么不?
这是一个文本节点。不能使用CSS操作DOM节点。为此,您需要使用JavaScript
为什么是?(使用丑陋的黑客),如何使用?
在已经使用的情况下使用content
属性,但不能更改DOM,因此可以像
#somecontent {
color: transparent;
position: relative;
}
#somecontent a:before {
content: "My new content";
color: #000;
position: absolute;
}
JavaScript解决方案:
你的问题在哪里?为什么不使用JS,它的构建是为了进行这种操作?@SamKool,因为页面上有很多这样的元素,已经是JS重的了。@Troyer我在第一个块(JSFIDLE)中建议的更改是向右对齐的,这一点都不好玩。不确定反对票是怎么回事,事实上,他试图做的是错误的,但是如果他不能访问html文件呢?当你在公司里工作时,就会发生这种情况,因为缺乏访问权限,你不得不做这样的事情。太好了!我没想过改变颜色来隐藏东西。当然,我知道使用CSS更改内容会带来麻烦,但在这个特定的执行过程中,这并不是问题。
#somecontent {
color: transparent;
position: relative;
}
#somecontent a:before {
content: "My new content";
color: #000;
position: absolute;
}
// You'll see text flicker
var t = document.getElementById('somecontent');
t.textContent = 'New Text';