DOM元素的innerText和 innerHTML的属性
2011-09-15 00:18
344 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>演示文档</title>
<script type="text/javascript">
function createInput(){
var divMain = document.getElementById("divMain");
divMain.innerHTML = "<input type='button' value='提交'>";
}
</script>
</head>
<body>
<a href="" id="link1">我的<font color="red">佳</font>佳</a>
<input type="button" value="取得对象值" onclick="alert(document.getElementById('link1').innerText);alert(document.getElementById('link1').innerHTML);" />
<input type="button" value="动态修改值Text" onclick="document.getElementById('link1').innerText='佳佳'" />
<input type="button" value="动态修改值HTML" onclick="document.getElementById('link1').innerHTML='<font color=green>佳佳</font>'" />
<div id="divMain"></div>
<input type="button" value="动态创建input对象" onclick="createInput()"/>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>演示文档</title>
<script type="text/javascript">
function createInput(){
var divMain = document.getElementById("divMain");
divMain.innerHTML = "<input type='button' value='提交'>";
}
</script>
</head>
<body>
<a href="" id="link1">我的<font color="red">佳</font>佳</a>
<input type="button" value="取得对象值" onclick="alert(document.getElementById('link1').innerText);alert(document.getElementById('link1').innerHTML);" />
<input type="button" value="动态修改值Text" onclick="document.getElementById('link1').innerText='佳佳'" />
<input type="button" value="动态修改值HTML" onclick="document.getElementById('link1').innerHTML='<font color=green>佳佳</font>'" />
<div id="divMain"></div>
<input type="button" value="动态创建input对象" onclick="createInput()"/>
</body>
</html>
相关文章推荐
- 从零开始学 Web 之 DOM(三)innerText与innerHTML、自定义属性
- javascript中innerText和innerHTML属性用法实例分析
- DOM元素的innerHTML属性
- Firefox 不支持 DOM 对象的 outerHTML innerText outerText 属性
- js获取元素的innerText属性为什么为空
- javascript中innerText和innerHTML属性用法实例分析
- Html服务器控件常用属性-InnerHtml属性及InnerText属性的区别
- 使用jQuery匹配文档中所有的li元素,返回一个jQuery对象,然后通过数组下标的方式读取jQuery集合中第1个DOM元素,此时返回的是DOM对象,然后调用DOM属性innerHTML,读取该元素 包含的文本信息
- innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
- JavaScript DOM杂知识(value/innerHTML/innerText/textContent对比、nodeType/nodeName/nodeValue区别、获取任意类型的属性)
- javascript innerText和innerHTML属性
- JavaScript DOM 中获取元素属性
- 动态添加dom元素(innerHTML方式)时focus()在第二次时会失效的解决办法
- 详解JS中DOM 元素的 attribute 和 property 属性
- JavaScript DOM 创建元素并设置属性
- 用于处理XML文档的DOM元素属性
- 用于处理XML文档的DOM元素属性
- js操作dom元素的重要属性和方法
- JS操作DOM元素属性和方法
- target属性用于返回最初触发事件的DOM元素。