亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

javascript innerHTML、outerHTML、innerText、

系統(tǒng) 2044 0

1、功能講解:?

innerHTML 設置或獲取位于對象起始和結束標簽內的 HTML?

outerHTML 設置或獲取對象及其內容的 HTML 形式?

innerText 設置或獲取位于對象起始和結束標簽內的文本 (不建議使用)

outerText 設置(包括標簽)或獲取(不包括標簽)對象的文本 (不建議使用)

?

      <html> 
<head> 
<title>Demo</title> 
<style><!-- 
body {font-family:"宋體";color="blue";font-size="9pt"} 
--> </style> 
<script language="JavaScript"> 
//.innerHTML 
function innerHTMLDemo() 
{ 
	alert(test_id1.innerHTML);
	test_id1.innerHTML="<i><u>設置或獲取位于對象起始和結束標簽內的 HTML.</u></i>"; 
} 
//.innerText 
function innerTextDemo() 
{ 
	alert(test_id2.innerText);
	test_id2.innerText="<i><u>設置或獲取位于對象起始和結束標簽內的文本.</u></i>"; 
} 
//.outerHTML 
function outerHTMLDemo() 
{ 
	alert(test_id3.outerHTML);

      
        //設置完之后事件也被覆蓋了
      
      
	test_id3.outerHTML="<i><u>設置或獲取對象及其內容的 HTML 形式.</u></i>"; 
} 
//.outerText 
function outerTextDemo() 
{ 
	alert(test_id4.outerText);
//設置完之后事件也被覆蓋了
	test_id4.outerText="<i><u>設置(包括標簽)或獲取(不包括標簽)對象的文本.</u></i>"; 
} 
</script> 
</head> 
<body> 
	<ul> 
		<li id="test_id1" onclick="innerHTMLDemo()">innerHTML效果.</li> 
		<li id="test_id2" onclick="innerTextDemo()">innerText效果.</li> 
		<li id="test_id3" onclick="outerHTMLDemo()">outerHTML效果.</li> 
		<li id="test_id4" onclick="outerTextDemo()">outerText效果.</li> 
	</ul> 
</body> 
</html> 
    

?

3、不同之處:?

簡單的說innerHTML和outerHTML、innerText與outerText的不同之處在于:?

1)、innerHTML與outerHTML在設置對象的內容時包含的HTML會被解析,而innerText與outerText則不會。?

2)、在設置時,innerHTML與innerText僅設置標簽內的文本,而outerHTML與outerText設置包括標簽在內的文本。?

?

javascript innerHTML、outerHTML、innerText、outerText的區(qū)別

特別說明:?

innerHTML是符合W3C標準的屬性,而innerText只適用于IE瀏覽器 因此,盡可能地去使用innerHTML,而少用innerText,如果要輸出不含HTML標簽的內容,可以使用innerHTML取得包含HTML標簽的內容后,再用正則表達式去除HTML標簽,下面是一個簡單的符合W3C標準的示例:?

<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">無HTML,符合W3C標準</a>

?

javascript innerHTML、outerHTML、innerText、outerText的區(qū)別


更多文章、技術交流、商務合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 久久久99精品免费观看 | 特黄特黄一级高清免费大片 | 亚洲第一综合网站 | 网络毛片 | 99ri精品视频在线观看播放 | 综合久久久 | 久久精品国产亚洲网站 | 国内精品免费一区二区观看 | 性短视频在线观看免费不卡流畅 | 在线视频一区二区日韩国产 | 久久久久久久久免费视频 | dyav午夜片| 久久手机视频 | 日本中文字幕在线播放 | 国产欧美在线观看视频 | 欧美性生交xxxxx久久久 | 日本手机在线视频 | 久久综合亚洲一区二区三区 | 精品无人区乱码1区2区3区在线 | 精品国产亚一区二区三区 | 福利影院在线 | 女人洗澡一级毛片一级毛片 | 日日撸 | 日本一区二区高清 | 久久亚洲私人国产精品 | 九九九九热精品视频 | 久久综合五月 | 国产一区二区三区免费视频 | 午夜毛片 | 日韩亚洲成a人片在线观看 日韩亚洲第一页 | 免费一级毛片清高播放 | 国产永久免费高清动作片www | 这里只有精品在线播放 | 久草视频在线网 | 久久99精品国产麻豆不卡 | 久久这里只有精品23 | 国产成人一区二区三区高清 | 亚洲午夜一区二区三区 | 四虎影视永久地址www成人污 | 天天添天天干 | 羞羞视频网|