Question

这是我用于替换某些文字的javascript：

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

我可以更改颜色，字体大小，字体等吗？

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

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

我觉得这样的事情会起作用：

window.onload = function() {
document.body.innerHTML =
        document.body.innerHTML.replace(/Deckling/g, result);
}

var str = "The Liberator";
var result =     str.fontcolor("Red").italics().fontsize(6);
result.style.fontFamily = "Harrington";

有任何帮助吗？（第一篇文章和非常有限的知识）

Answer 1

您可以将文字包装在div或span标记中，在JS中应用类来选择它。

该类将包含文本样式。

只是vanilla javaScript中的一个简单示例（没有jquery）： http://jsbin.com/yufiteseme/1/

<!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>

Answer 2

您可以使用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>

Answer 3

这不起作用： var result = str.fontcolor("Red").italics().fontsize(6);。你需要添加css来改变表面。将它添加到你的标题：

  .textstyle{
     font-size:16px;
     font-family:Harrington;
  }
</style>

并将其添加到您的window.onload：$('body').addClass('textstyle');

Javascript替换文本功能

3 个答案: