Is there any way to change style properties of an input value in javascript?

Asked Aug 13 '17 at 17:27

Active Aug 13 '17 at 17:27

Viewed 28 times

I have a form with a input. When the user submits the form, i want the input value to change to be their input, but with some of it marked up. the want to differentiate part of an input value. The charAt values of what i want to be differentiated is stored in an array. This code doesn't work, becuase characters don' t have style properties. I have to work around that.

for(i=0;i<array.length;i++){
            input.value.charAt(array[i]).style.color="red";
            input.value.charAt(array[i]).italics();
            input.value.charAt(array[i]).style.fontWeight="bold";
            input.value.charAt(array[i]).style.textDecoration="underline";
        }

asked Aug 13 '17 at 17:27

azerty

You can't style particular elements in an array like that, where are you spitting out this code? link the html as well – Christopher Messer Aug 13 '17 at 17:31
` – azerty Aug 13 '17 at 17:32
@ChristopherMesser I know I can't, I'm looking for a way to work around it. – azerty Aug 13 '17 at 17:33
1

You could create an editable div (optionally style it like an input) and then highlight the characters with a solution like https://stackoverflow.com/questions/8644428/how-to-highlight-text-using-javascript – yuriy636 Aug 13 '17 at 17:34

Is there any way to change style properties of an input value in javascript?

0 Answers0