Javascript替换文本函数_Javascript_Replace

Javascript替换文本函数

javascript replace

Javascript替换文本函数,javascript,replace,Javascript,Replace,这是我用来替换某些文本的javascript： document.body.innerHTML = document.body.innerHTML.replace(/Sometext/g, 'difference'); 我怎么改变颜色、字体大小、字体等等我需要像这样链接我的脚本，不能使用{否则： <script>$(document).ready($.getScript("url"));</script> 有什么帮助吗？第一篇帖子和非常有限的知识将不起

这是我用来替换某些文本的javascript：

document.body.innerHTML = document.body.innerHTML.replace(/Sometext/g, 'difference');

我怎么改变颜色、字体大小、字体等等

我需要像这样链接我的脚本，不能使用{否则：

<script>$(document).ready($.getScript("url"));</script>

有什么帮助吗？第一篇帖子和非常有限的知识将不起作用： var result=str.fontcolorRed.italics.fontsize6；。您需要添加css来更改曲面。将其添加到标题：

并将其添加到您的窗口中。onload:$'body'。addClass'textstyle'；

您可以将文本包装在div或span标记中，然后在JS中应用类选择它

该类将包含文本的样式

只是一个简单的示例，使用vanilla javaScript no jquery：

您可以使用javascript更改html元素的样式，将脚本放在元素下面

以下示例使用javascript更改“p”元素的样式：

<!DOCTYPE html>
<html>
<body>
    <p id="p1">Hello World!</p>
    <script>
        document.getElementById("p1").style.color = "red";
        document.getElementById("p1").style.fontFamily = "Arial";
        document.getElementById("p1").style.fontSize = "larger";
    </script>
</body>
</html>

您还可以使用jquery更改html元素的样式

以下示例使用jquery更改“p”元素的样式：

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>
        $('#p1').ready(function(){
            $('#p1').css({"color": "green"}).css({"fontFamily": "Arial"}).css({"fontSize": "24px"});
        });
    </script>
</head>
<body>
    <p id="p1">Hello World!</p>
</body>
</html>

你能让自己更清楚一点吗？也许我需要更好地评估一下。我需要做的是用另一个词替换一个词的所有实例，这也会改变该词的属性。这是在一个论坛中完成的，因此html标记{或}不会直接工作。我可以像这样链接css样式：因此我可以添加该样式和：函数changeColor{document.getElementById'text'。classList.add'a'；}到我的第一行代码，它会工作吗？我想是的，但最好是看看你的代码。你可以创建一个模拟你的问题吗？这样我们就可以现场修复它，并给你一个适当的解决方案。谢谢！解决了它，它太容易了，我忽略了它。无论如何，谢谢。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <style>
    .a {
    color:red;
    font-style: italic;
    font-size: 6px;
    {
    </style>
     <script>
    function changeColor(){
        document.getElementById('text').classList.add('a');
    } 
    </script>
</head>
<body onload="changeColor()">
     <div id="text">
    Test for example
    </div>
</body>
</html>

<!DOCTYPE html>
<html>
<body>
    <p id="p1">Hello World!</p>
    <script>
        document.getElementById("p1").style.color = "red";
        document.getElementById("p1").style.fontFamily = "Arial";
        document.getElementById("p1").style.fontSize = "larger";
    </script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>
        $('#p1').ready(function(){
            $('#p1').css({"color": "green"}).css({"fontFamily": "Arial"}).css({"fontSize": "24px"});
        });
    </script>
</head>
<body>
    <p id="p1">Hello World!</p>
</body>
</html>