DOM 操作内容 innerText/innerHTML
innerText属性(firefox不支持,可用 textContent)
var div = document.getElementById("itTag");
div.innerText/div.textContent 来获取里面的文本,会去除 html
标签
获取值时用
div.innerText = "lin3615" / div.textContent="lin3615"
为了兼容,可用下列方法
var obj = document.getElementById("txt");
function getInnerText(element)
{
return (typeof(element.textContent) ==
"string") ? element.textContent : element.innerText;
}
alert(getInnerText(obj));
设置值时可用:
var obj = document.getElementById("txt");
function setInnerText(element, text)
{
if(typeof(element.textContent) == "string")
{
element.textContent = text;
}else
{
element.innerText = text;
}
}
setInnerText(obj, "lin3615");
=========================================
innerHTML 与 innerText差不多,但是用 innerHTML获取值时不会过滤 html 标签(ie,firefox都支持)
获取值时:
var obj = document.getElementById("txt");
alert(obj.innerHTML);
设置值时:
var obj = document.getElementById("txt");
obj.innerHTML = "lin3615";
相关文章
- DOM内容操作和自定义、样式改变
- DOM操作 、js获取id的内容 和修改原来的内容(innerHTML)
- 48-DOM节点,innerHTML,innerText,outerHTML,outerText,静态获取,单机click,cssText
- DOM – 7.动态创建DOM + 8.innerText innerHTML value
- DOM基础及php读取xml内容操作的方法
- 第一百六十六节,jQuery,基础 DOM 和 CSS 操作,元素内容,元素属性,css和class,元素宽度高度、偏移、滚动条
- JavaScript学习笔记——DOM_对document对象的内容、属性、样式的操作
- 读取标签内容:innerHTML和innerText的区别 text()和html()的区别
- innerHTML和innerText的用法(动态改变网页内容)
- innerHTML与innerText的区别: 前者获取的是dom对象内的所有html元素 后者获取的是dom对象里面的纯文本元素