Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

ページがJavaScriptで読み込まれるたびに、テキストを強調表示します

テキストを強調表示するには、ページが読み込まれるたびに、forループと-

の概念を使用します。 
<span class=”yourColorName”>

例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<style>
   .yellow {
      color: yellow;
   }
   .blue {
      color: blue;
   }
</style>
</head>
<body>
<h1 id="pageLoads">My yellow Words,your blue Words</h1>
<script>
   var ids = document.getElementById("pageLoads");
   var loadColorWords = ids.innerHTML.split(" ");
   for(var i = 0; i < loadColorWords.length; i++) {
      if(loadColorWords[i] == "blue") {
         loadColorWords[i] = "<span class='blue'>" + loadColorWords[i] + "</span>";
      }
      if(loadColorWords[i] == "yellow") {
         loadColorWords[i] = "<span class='yellow'>" + loadColorWords[i] + "</span>";
      }
   }
   ids.innerHTML = loadColorWords.join(" ");
</script>
</body>
</html>

上記のプログラムを実行するには、ファイル名 anyName.html（index.html）を保存します ファイルを右クリックして、VSコードエディターでライブサーバーで開くオプションを選択します。

出力

ページがJavaScriptで読み込まれるたびに、テキストを強調表示します


  1. JavaScriptでテキストボックスを選択することは可能ですか？

    はい、select（）メソッドを使用してJavaScriptでテキストボックスを選択します。まず、入力テキストを作成しましょう- Enter your Name:<input type="text" id="txtName" value="John"> <br> <button type="button" onclick="check()">Select Text Box</button> 次に、ボタンクリックでテキストボックスを選択します- 例

  2. JavaScriptで<strong>タグにテキストを設定するにはどうすればよいですか？

    まず、要素-を設定します <strong id="strongDemo">Replace This strong tag</strong> 上記で設定されたid属性は、＃-を使用してテキストを設定するために使用されます。 $(document).ready(function(){    $("#strongDemo").html("Actual value of 5+10 is 15....."); }); 例 <!DOCTYPE html> <html lang=&qu