访问DOM并更改元素的字体和颜色

Question

我想访问字符串中的某些字符并更改其样式 例如“你好” 我想更改“ h”字符的颜色和字体 我怎样才能做到这一点 我尝试这个

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

Answer 1

document.getElementById（'di'）从dom中选择单个元素。

之后，您不需要.getElementsByTagName（'p'）[0]。

解决方案取决于dom。如果你有一个像 <span id='d1'>H</span>，则以下内容正确

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

Answer 2

如果您想要字符串的第一个字符并更改其颜色和字体（我从您的问题中得到了），则可以执行以下操作：

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 3

<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 我使用此代码编辑字符串的校正器