innerHTML和innerText的用法
总结：innerText属性用来定义对象所要输出的文本不输出标签,innerHTML属性，可改变对象内部的HTML语句，即即能输出文本也能输出标签!（innerHTML和innerText：必须是HTML带起始标记和结束标记的控件，比如<div></div><tr></tr><li></li>此类的，但是如<input type="buttton">这等类型的不行，因为它不是前后标记）
一： innerHTML：（必须是HTML带起始标记和结束标记的控件，比如<div></div><tr></tr><li></li>此类的，但是如<input type="buttton">这等类型的不行，因为它不是前后标记。）
定义和用法 对于innerHTML 属性，几乎所有的元素都有innerHTML属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML。 编辑本段语法 tablerowObject.innerHTML=HTML 编辑本段实例 1） 下面的例子返回了表格行的 inner HTML和innerText： <html> <head> <script type="text/javascript"> function getInnerHTML() { alert(document.getElementById("tr1").innerHTML); } </script> </head> <body> <table border="1"> <tr id="tr1"><td>Firstname</td><td>Lastname</td></tr> <tr id="tr2"><td>Peter</td><td>Griffin</td></tr> </table> <br /> <input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" /> </body> </html> 结果为<td>Firstname</td><td>Lastname</td> 如果改用innerText则结果为 Firstname Lastname(只能输出文本不能读取标签)
2）下面的例子返回了<li>的 inner HTML和innerText： <html> <head> <meta http-equiv="Content-Type content="text/html;charset=UTF-8"> <title>innerHTML用法实例</title> <script language="JavaScript" type="text/javascript"> function changeHtml() { DH.innerHTML="<i><u>我姓肖!</u></i>"; } </script> </head> <body> <ul> <li id="DH" onclick="changeHtml()">您姓什么? </li> </ul> </body> </html> //结果为文本输出改成了斜体（<i></i>）并下加一条直线（<u></u>）,Html标签被读取了！ 如果改用innerText则结果为 <i><u>我姓肖!</u></i>原因是只能输出文本不能读取标签s
浙公网安备 33010602011771号