Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用CSS修改内容?_Html_Css - Fatal编程技术网

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';