<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>innerHTML、outerHTML和innerText、outerHTML的区别</title>
<script language="JavaScript" type="text/javascript">
//.innerHTML
function innerHTMLDemo()
{
var b = test_id1;
alert("innerHTML="+b.innerHTML);
b.innerHTML="<i><u>设置或获取位于对象起始和结束标签内的 HTML.</u></i>";
alert("innerHTML="+b.innerHTML);
}
//.innerText
function innerTextDemo()
{
alert("innerText="+test_id2.innerHTML);
test_id2.innerText="<br></br><i><u>设置(包括标签)或获取(不包括标签)对象的文本.</u></i>";
alert("innerText="+test_id2.innerHTML);
}
//.outerHTML
function outerHTMLDemo()
{
alert('outerHTML='+test_id3.outerHTML);
test_id3.outerHTML="<font id = 'test_idf' size=9pt color=red><i><u>设置或获取对象及其内容的 HTML 形式.</u></i></font>";
alert('outerHTML='+test_idf.outerHTML);
}
//.outerText
function outerTextDemo()
{
alert("outerText="+test_id4.outerText);
test_id4.outerText="<br></br><i><u>设置(包括标签)或获取(不包括标签)对象的文本.</u></i>";
alert("outerText="+test_id4.outerText);
}
</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>
相关推荐
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
innerHTML-outerHTML-innerTEXT
innerHTML、outerHTML、innerText、outerText的用法与区别.doc
innerHTML,outerHTML,innerTEXT三者之间的区别
本篇主要是对innerHTML,outerHTML,innerText,outerText的用法及区别进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
主要介绍了javascript innerHTML、outerHTML、innerText、outerText的区别,本文讲解了它们的功能、使用实例、和不同之处,需要的朋友可以参考下
上例中的test[removed]的值也就是“<span xss=removed>test1</span> test2 ”。... test.outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身。 上例中的text.outerHTML的值也就是<div i
在javascript中如果我们要获取对象内容,js为我们提供了三种方法outerhtml、innerhtml和innertext,但他们之间具体怎么使用与具体的区别在哪里,可能很多人不知道吧,接下来跟着小编一起来学习innerHTML,innerText,...
主要介绍了javascript中的innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解,都是个人经验的总结,分享给大家,希望大家能够喜欢。
document对象中有innerHTML、innerText这两个属性,都是获取document对象文本内容,但使用起来还是有区别的; 1) innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容,包括HTML标签,...
我们常常需要使用另外一些对象的属性来实现动态改变其中的文本,它们就是:innerText,outerText,innerHTML,outerHTML,千万要注意它们的大小写,因为错一点您就得不到预期的效果了。
<a>innerHTML,innerText,outerHTML,outeterText <input type =button onclick =inner() value=inner /> <input type =button onclick =outer() value=outer /> js源码如下: function...
非常小巧实用的网页解析类,在delphi 10.2下编译通过,主要方法:getElementByid getElementsByTagName(aTag : string) getElementByTagNameAndFlag getElementsByClassName 标签主要属性:innerText , innerHTML ...
学习笔记Web知识说明深入JavaScript知识水平了解概念懂得使用实例输出总结亲自实现HTTP缓存 https状态码200201创建的206、300304不是Mo,400、500 HTTPS 网络路径参考协议相对网址HTML DOM操作innerHtml,outerHtml,...