在DOM中,如果要在一个标签上面加入文字,则必须用object.appendChild(document.createTextNode("你要加入的文字"));让人感觉非常麻烦,代码冗长,于是乎,就有了用object.innerText = "你要加入的文字";这一种写法.是代码更简洁,更易于理解.innerText会自动把大于号,小于号等等的HTML元素都进行编码,所以不必担心显示的问题,如果确实要用HTML方式的,请使用innerHTML.下面的代码摘自JS高级程序设计一书:
innerText:
<html>
<head>
<title>InnerText Example</title>
<style type="text/css">
div.special {
background-color: red;
padding: 10px;
}
</style>
<script type="text/javascript">
function useInnerText() {
var oDiv = document.getElementById("div1");
oDiv.innerText = oDiv.innerText;
}
</script>
</head>
<body>
<div id="div1" class="special"><b>Hello</b> world</div>
<input type="button" value="Use InnerText" onclick="useInnerText()" />
<p><strong>Note: </strong> Firefox does not support the <code>innerText</code> property so this example will fail.</p>
</body>
</html>
innerHTML:
<html>
<head>
<title>InnerHTML Example</title>
<style type="text/css">
div.special {
background-color: red;
padding: 10px;
}
</style>
<script type="text/javascript">
function useInnerHTML() {
var oDiv = document.getElementById("div1");
oDiv.innerHTML = "<b>Hello</b> world";
}
</script>
</head>
<body>
<div id="div1" class="special">This is my original text</div>
<input type="button" value="Use InnerHTML" onclick="useInnerHTML()" />
</body>
</html>
此外,我们还可以通过这2个属性来获取元素的内容:
- 大小: 22.8 KB
分享到:
相关推荐
js中innerHTML与innerText的用法与区别
js中innerHTML与innerText的用法与区别js中innerHTML与innerText的用法与区别
innerText和innerHtml看字面也应该理解的了
主要介绍了javascript中innerText和innerHTML属性用法,实例分析了javascript中innerText和innerHTML属性的作用和相关的使用技巧,需要的朋友可以参考下
innerhtml用法 innertext用法 以及innerHTML与innertext的区别,看完这个大家以后在实际应用中,就可以选择合适的方法。尽可能的考虑到兼容性。
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
innerHTML-outerHTML-innerTEXT
尽管DOM带来了动态修改文档的能力,但对开发人员来说,这还不够。IE4.0为所有的元素引入了两个特性,以更方便的进行文档操作,这两个特性是innerText和innerHTML。
innerHTML、outerHTML、innerText、outerText的用法与区别
InnerHtml和InnerText的区别分析小结
本篇主要是对innerHTML,outerHTML,innerText,outerText的用法及区别进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
...而对对象DH的改变用了innerHTML属性,它除了有innerText的作用外,还可改变对象DH内部的HTML语句,于是它把文本变成了“我姓肖!”,而且文本输出改成了斜体(<i></i>)并下加一条直线(<u><
document对象中有innerHTML、innerText这两个属性,都是获取document对象文本内容,但使用起来还是有区别的; 1) innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容,包括HTML标签,...