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

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在线精品国产不卡在线观看 | 亚洲欧洲精品成人久久曰 | 国产亚洲欧美久久精品 | 亚洲精品动漫3d一区二区 | 亚洲一区二区三区福利在线 | 久久久香蕉视频 | 国产免费一区二区三区免费视频 | 成人黄性视频 | 中文字幕在线不卡视频 | 一区二区三区日韩 | 奇米四色视频 | 免费国产一级 | 国产目拍亚洲精品一区麻豆 | 伊人精品视频一区二区三区 | 中文字幕在线观看一区二区三区 | 在线免费观看一区二区三区 | 日韩欧美成人免费中文字幕 | 夜夜艹天天干 | 欧美成人在线观看 | 欧美视频在线一区 | 99re66热这里只有精品首页 | 中文字幕久热 | 一级毛片免费网站 |