किसी पाठ को हाइलाइट करने के लिए, हर बार पृष्ठ लोड होने पर, लूप के लिए और −
. की अवधारणा का उपयोग करें<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) सेव करें और फ़ाइल पर राइट क्लिक करें और वीएस कोड संपादक में लाइव सर्वर के साथ खुले विकल्प का चयन करें।
आउटपुट
