菜鸟学JS遇到的简单问题

Question

onmouseover="this.innerText='<I>innerText与innerHTML之区别</I>' FontColor='red'" 改为：onmouseover=this.style.color="red"

Answer 1

我这里是想当我移动鼠标到“innerText与innerHTML之区别”这段文字的时候，字体没有变斜体，但是字体的颜色变成了红色，而鼠标移走的时候，字体就变成了斜体，现在就是我鼠标移动过去的时候，字体的颜色没有变！

Answer 2

<P id=p1
onmouseover="this.innerText='<I>innerText与innerHTML之区别</I>' this.style.color="red""
onmouseout="this.innerHTML='<I>innerText与innerHTML之区别</I>'">
innerText与innerHTML之区别
</P>--------------
这样也不行呀？

Answer 3

onmouseover="this.innerText='<I><font color="red">innerText与innerHTML之区别</font></I>'"

Answer 4

<P id=p1
onmouseover="this.innerText='<I>innerText与innerHTML之区别</I>'; this.style.color='red';" 
onmouseout="this.innerHTML='<I>innerText与innerHTML之区别</I>'">
innerText与innerHTML之区别
</P>

Answer 5

估计楼主要的是这个效果：<P id=p1
onmouseover="this.innerHTML='<I>innerText与innerHTML之区别</I>'; this.style.color='red';" 
onmouseout="this.innerHTML='<I>innerText与innerHTML之区别</I>'; this.style.color='#000';">
innerText与innerHTML之区别
</P>

Answer 6

我刚才onmouseover="this.innerHTML='<I>innerText与innerHTML之区别</I>'; this.style.color='red';"  写了
晕！！！！楼主中间没加分号 我没看见

Answer 7

楼主既然是要了解innerHTML和innerText之间的区别,
this.innerText='<I>innerText与innerHTML之区别</I>'
给innerText这个赋值就有点问题了,innerText指的是标签与结束标签之间的文本,即<I>根本不会起作用.
而innerHTML指的是标签与结束标签之间的所有的东西包括子标签在内.所以这样赋值
this.innerHTML='<I>innerText与innerHTML之区别</I>'
innerText与innerHTML之区别这句话就变成斜体了.