получить доступ к DOM и изменить шрифт и цвет элемента

Question

Я хочу получить доступ к какому-либо символу из строки и изменить их стиль например "привет" я хочу изменить цвет и шрифт символа "h" как я могу это сделать я попробую это

var txt=document.getElementById('d1').getElementsByTagName('p')[0]
            txt.innerHTML="H"
            txt.style.color="red"

Answer 1

Если вы хотите первый символ строки и изменить ее цвет и шрифт (который я получаю из вашего вопроса), вы можете сделать что-то вроде:

var text_array = document.getElementById('d1').getElementsByTagName('p')[0].textContent.split("");
text_array[0] = "<span style='color:green; font-family:Arial'>"+text_array[0]+"</span>"; 
document.getElementById('d1').getElementsByTagName('p')[0].innerHtml = text_array.join("");

Answer 2

<div id="d1"> <p>loading.....</p> </div> var txt=document.getElementById('d1').getElementsByTagName('p')[0] var edit=txt.innerHTML//ocnvertobject to string var len=txt.innerHTML.length var index=0 //container for scroll the string and change style each corrector txt.innerHTML=edit[index].toUpperCase().fontsize(150).fontcolor("red")+edit.slice(index+1,len) ++index я с этим кодом отредактировал корректор моей строки

Answer 3

document.getElementById ('di') выбирает один элемент из домена.

После этого вам не нужно .getElementsByTagName ('p') [0].

Решение зависит от DOM. Если у вас есть такой элемент, как <span id='d1'>H</span>, тогда верно следующее

var txt = document.getElementById('d1');
txt.innerHTML="H";
txt.style.color="red";