Để đánh dấu một văn bản, mỗi khi tải trang, hãy sử dụng vòng lặp for và khái niệm -
<span class=”yourColorName”>
Ví dụ
<!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> Để chạy chương trình trên, hãy lưu tên tệp anyName.html (index.html) và nhấp chuột phải vào tệp và chọn tùy chọn mở bằng máy chủ trực tiếp trong trình chỉnh sửa mã VS.
Đầu ra
