innerHtml

最新推荐文章于 2024-11-09 17:11:29 发布

day_day_day_up

最新推荐文章于 2024-11-09 17:11:29 发布

阅读量161

点赞数

分类专栏： JavaScript和JQuery 文章标签： function html javascript

JavaScript和JQuery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type content="text/html;charset=UTF-8"> <title>innerText和innerHTML用法实例</title> <mce:script language="JavaScript" type="text/javascript"></mce:script> </head> <body> <p><font color="gray">请点击下边的文字……</font> <ul> <li id="DT" οnclick="changeText()">您好吗? </li> <li id="DH" οnclick="changeHtml()">您姓什么? </li> <li οnclick="back()">恢复原样! </li> </ul> </body> </html>

innerText属性用来定义对象所要输出的文本

在本例中innerText把对象DT中的文本“您好吗?”变成了“我很好!”（语句DT.innerText="我很好!"）。

而对对象DH的改变用了innerHTML属性，它除了有innerText的作用外，还可改变对象DH内部的HTML语句，于是它把文本变成了“我姓肖!”，而且文本输出改成了斜体（<i></i>）并下加一条直线（<u></u>），即语句DH.innerHTML="<i><u>我姓肖!</u></i>"。