outerhtml翻译_专辑inner和outer区别

outerhtml翻译_专辑inner和outer区别2019独角兽企业重金招聘Python工程师标准…_pythonouterhtml内容

2019独角兽企业重金招聘Python工程师标准>>> hot3.png


f2a5ca91-33c5-3034-b06b-301ea2ea7dac.jpg
 


图例分析outerHTML的用法——与innerHTML不同,outerHTML包括整个标签,而不仅限于标签内部的内容。对于一个id为”testdiv”的div来说,outerHTML、innerHTML以及innerTEXT三者的区别可以通过右图展示出来。 


outerHTML可以用来更改或获取元素内所有的html和文本内容,包含引用该方法元素自身的标签. 


innerHTML是用来获取元素内的html内容和文本. 


innerTEXT只获取元素内的文本内容,html标签将被忽略. 


以上三者方法类似大家不要混淆.注意outerHTML不是W3C标准,且只支持IE浏览器. 


示例代码(可直接复制后转存执行):  


<html> 


<head> 


<title>Demo</title> 


<style><!– body {font-family:”宋体”;color=”blue”;font-size=”9pt”} –> </style> 


<script language=”JavaScript”> 


//.innerHTML  


function innerHTMLDemo()  





test_id1.innerHTML=”<i><u>设置或获取位于对象起始和结束标签内的HTML.</u></i>”; 





//.innerText  


function innerTextDemo()  





test_id2.innerText=”<i><u>设置或获取位于对象起始和结束标签内的文本.</u></i>”; 





//.outerHTML  


function outerHTMLDemo()  





test_id3.outerHTML=”<i><u>设置或获取对象及其内容的 HTML 形式.</u></i>”; 


}  


//.outerText  


function outerTextDemo()  





test_id4.outerText=”<i><u>设置(包括标签)或获取(不包括标签)对象的文本.</u></i>”; 


}  


</script> 


</head> 


<body> 


<ul> 


<li id=”test_id1″ οnclick=”innerHTMLDemo()”>innerHTML效果.</li> 


<li id=”test_id2″ οnclick=”innerTextDemo()”>innerText效果.</li> 


<li id=”test_id3″ οnclick=”outerHTMLDemo()”>outerHTML效果.</li> 


<li id=”test_id4″ οnclick=”outerTextDemo()”>outerText效果.</li> 


</ul> 


</body> 

</html> 

运行结果

outerhtml翻译_专辑inner和outer区别outerhtml翻译_专辑inner和outer区别

转载于:https://my.oschina.net/u/207374/blog/35681

今天的文章outerhtml翻译_专辑inner和outer区别分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/74246.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注