Welcome to Software Development on Codidact!
Will you help us build our independent community of developers helping developers? We're small and trying to grow. We welcome questions about all aspects of software development, from design to code to QA and more. Got questions? Got answers? Got code you'd like someone to review? Please join us.
Comments on Dye all label asterisks Red with vanilla JavaScript
Post
Dye all label asterisks Red with vanilla JavaScript
+4
−1
I want to dye all label asterisks Red with vanilla JavaScript.
CSS isn't good for this because it would dye both asterisks and colons (:
) instead just the asterisks:
.labelWithColonAndAsterisk:after {
content:":*";
color:red;
}
So, I need a (vanilla) JavaScript solution.
Here is what I have already tried and failed:
const labelsWithAnAsterisk = document.querySelectorAll("label");
labelsWithAnAsterisk.forEach((element) => {
if (element.textContent.indexOf("*") !== -1) {
element.textContent.indexOf("*").style.color = "Red";
}
});
Uncaught TypeError: document.qeurySelectorAll is not a function at :1:39
How would you achieve that goal?
1 comment thread