-1

単語の色を変えようとしています。つまり、「男の子女の子男の子女の子」がいる場合は、「男の子」のテキストの色を青にします。

<html>
    <head>
    <title>color</title>
        <script language="javascript">
            function turnRed() {
                var myPara = document.getElementById("changeText");
                if(myPara=="boy"){
                    myPara.style.color = "blue";
                }
            }
        </script>
    </head>
    <body>
        <p id="changeText">boy girl boy girl boy girl boy girl boy girl boy girl</p>
        <p1><button onclick='turnRed()'>Turn Red</button></p1>
    </body>
 </html>
4

2 に答える 2

5 
function turnRed() {
  var myPara = document.getElementById("changeText");
  myPara.innerHTML = myPara.innerHTML.replace(/\bboy\b(?!<)/g, '<span style="color:blue">boy</span>');
}
于 2012-05-22T03:03:25.190 に答える
1

cssでクラスを作成し、それを要素に追加して、必要に応じて削除することをお勧めします。jQuery（http://www.jquery.com）を調べてください。これは、javascriptの面倒な作業のほとんどを実行し、大規模なアプリケーションを迅速に開発できるようにするためです。さらに、ドキュメントは非常に優れています。

<style type="text/css">
    .color1 { color: blue; }
</style>

それを追加するには

document.getElementById('changeText').classList.add('color1');

それを削除するには

document.getElementById('changeText').classList.remove('color1');
于 2012-05-22T03:04:08.413 に答える