innerHTML :属性设置或返回表格行的开始和结束标签之间的 HTML。
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
实例:
<html>
<head>
<script type="text/javascript">
function getInnerHTML()
{
alert(document.getElementById("tr1").innerHTML);
}
</script>
</head>
<body>
<table border="1">
<tr id="tr1">
<th>Firstname</th>
<th>Lastname</th>
</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>
弹出的结果是: <th>Firstname</th>
<th>Lastname</th>
value 属性可设置或返回密码域的默认值。
innerText: 从起始位置到终止位置的内容, 但它去除Html标签
实例:
<div id="test">
<span style="color:red">test1</span> test2
</div>
innerTest的值也就是“test1 test2”, 其中span标签去除了。
注意:在IE和火狐中,innerHTML是通用的 ,innerText、outText、outHTML只能在ie下使用。
也就是说,innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签,
附加:outerHTML:
除了包含innerHTML的全部内容外, 还包含对象标签本身。
上例中的text. outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>
分享到:
相关推荐
49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"> 50.指定在不支持脚本的浏览器显示的HTML:<noscript></noscript> 51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例...
artTemplate模板 js替换使用 ### 编写模板 使用一个``type="text/html"``的``script``标签存放模板: <script id="test" type="text/html"> <h1>{{title}} {{each list as value i}} 索引 {{i + 1}} :{{...
49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"> 50.指定在不支持脚本的浏览器显示的HTML:<noscript></noscript> 51.当超链和onCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例...
发表:不详 阅读: 37 次 关键字:不详 字体:[大 中 小] 详细参数可查询MSDN http://msdn.microsoft.com/library/default.asp?url=/library/en-us/wmplay/mmp_sdk/settingsobject.asp <!DOCTYPE HTML PUBLIC "-//W3...
文本框的默认值 <input type=text value="123" onfocus="alert(this.defaultValue)"> title换行 obj.title = "123
sdfs " 获得时间所代表的微秒 var n1 = new Date("2004-10-10".replace(/-/g, "/"))....
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 懒人图库 http://www.makewing.com/" /> 学会偷懒,并懒出境界是提高工作效率最有效的方法!" /> 懒人图库" name="keywords" /> 懒人图库 ...
html编辑框源代码,简单易懂。可以直接套用 1.首先把两个js文件和相关图片加载进来。... document.getElementById("text").value=context;//把值付给一个普 通文本框,防止乱码,然后再Action类里取此文本框的值
<script type="text/javascript" src="/jquery/jquery.js"> <script type="text/javascript"> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); <p>If you click on me, I ...
var text = document.getElementById("text").value; //要翻译成哪国语言 默认为中文 var toLanguage = document.getElementById("language").value; //调用google对象的检测要翻译的对象 arg1:要翻译的...
/* * JS正则表达式类 * 例: * var str="<html><script type='text/javascript'>var a=10;</script><body><script type='text/javascript'>var b=10;</script><a href='javascript:;'/>aaaa< /a ><img ...
<xp:handler type="text/javascript"> <xp:this.script><![CDATA[ var numParts = Math.floor(100/7); jsProgress.update({ maximum: numParts, progress:0 }); for (var i=0; i; i++)...
a.innerHTML="Hello Word!"; a.style.color="blue"; } ()">按钮 </html> <html> 我的第一段 JavaScript 请输入数字。如果输入值不是数字,浏览器会弹出提示框。 <input id="d" type="text"> function ...
<script type="text/javascript"> var check=1; function flashPlayer(){ check++; if(check%2==0){ document.getElementById("flash").style.display="block"; document.getElementById("music...
var ojs='<script type="text/javascript" src="http://cbjs.baidu.com/js/o.js"></script>'; if (code=="top210x90_1"){ document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288992";</script>...
document.getElementById('thetime').innerHTML = timeValue; timerID = setTimeout("showtime()",500); timerRunning = true; } <SCRIPT Language="JavaScript"> secs = 59; // Number of secs to delay -...
<input type="text" id="pagesize" size="3"> 条 <input type="button" id="savebtn" value="保存" onclick="save()"> <input type="button" id="cancelbtn" value="取消" onclick="rightinfo()"></form>' //定义...
<script type="text/javascript"> var xmlHttp; var requestType=""; function createXMLHttpRequest() { if(window.ActiveXObject) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } else if(window....
<script type="text/javascript"> function addFile(){ var myTB = document.getElementByIdx_x_x("myTB"); var rowNum = myTB.rows.length; var newRow = myTB.insertRow(rowNum); var cells_0 = newRow....
上面用到了parentNode,这里顺便说说它跟offsetParent,parentElement的区别。 先看看parentNode在w3c的说明: The parent of this node. All nodes, except Document, DocumentFragment, and Attr may have a ...