将页面上的所有文本转换为小写答案

【问题标题】：transform all text on page into Lower Case将页面上的所有文本转换为小写
【发布时间】：2011-08-06 05:23:39
【问题描述】：

我正在寻找一种将页面上的所有文本转换为小写的方法。我正在阅读评论，不幸的是，该人已全部大写。我尝试阅读，但所有大写文本都难以阅读，更何况它被认为是在网络上大喊大叫。

我知道 javascript 有 string.toLowerCase() & string.replace 之类的方法，但我想不通。

因此寻找某种 JavaScript 小书签，可将已加载的 html 页面上的所有文本转换为小写。

[编辑]

找到了解决方案，这里是javascript代码来改变整个页面的css样式text-transform: lowercase：

var styleElement = document.createElement("style");
styleElement.type = "text/css";
if (styleElement.styleSheet) {
  styleElement.styleSheet.cssText = "* {  text-transform: lowercase }";
} else {
  styleElement.appendChild(document.createTextNode("* {  text-transform: lowercase; }"));
}
document.getElementsByTagName("head")[0].appendChild(styleElement);

【问题讨论】：

您可以更轻松地做到这一点：document.body.style.textTransform = "lowercase".
^^^你太棒了！谢谢

标签： javascript bookmarklet lowercase

【解决方案1】：

您可以设置一个小书签，而不是将所有内容都转为小写，当您点击该小书签时，它会记录您下一次点击的位置。从该位置您可以使用document.elementFromPoint(x, y) 方法获取实际的dom 节点。这个 dom 节点可能是 <p> 标签或 <div> 标签。现在就为所欲为！

不过可能有点矫枉过正！

【讨论】：

【解决方案2】：

如果您只是想将 html 文本更改为小写，您可以使用 css 来完成。

text-transform: lowercase;

这行得通吗？

【讨论】：

是的，但我如何即时应用它？ document.write 方法什么的？
您要对其他人的网页执行此操作吗？例如您正在阅读他们网站上的文字并且只想将其更改为小写？
^^^是的，我已经弄清楚了。感谢一堆CSS的想法。我在考虑其他方向。