【笔记】 《js权威指南》- 第15章 脚本化文档 - 15.5 元素的内容
2016-04-07 14:18
489 查看
1.作为HTML的元素内容:
(1). innerHTML,读写元素的当前内容,注意用+=号效率低下。
(2). outerHTML(HTML5), 包含元素本身的头尾标签在内的内容读写。
(3). insertAdjacentHTML方法(IE):
在元素的4个位置中插入新的内容,第二个字符串,参数指定插入内容的位置, 他们是:beforbegin, afterbegin, beforeEnd和afteend;
2.作为纯文本的元素内容:
在文档中查询或者插入纯文本
非IE:textContent;
IE: innerText;
兼容写法:
(1). innerHTML,读写元素的当前内容,注意用+=号效率低下。
(2). outerHTML(HTML5), 包含元素本身的头尾标签在内的内容读写。
(3). insertAdjacentHTML方法(IE):
在元素的4个位置中插入新的内容,第二个字符串,参数指定插入内容的位置, 他们是:beforbegin, afterbegin, beforeEnd和afteend;
2.作为纯文本的元素内容:
在文档中查询或者插入纯文本
非IE:textContent;
IE: innerText;
兼容写法:
function textContent(element, value) { var content = element.textContent; if (value === undefined) { if (content !== undefined) return content; else return element.innerText; } else { if (content !== undefined) element.textContent = value; else element.innerText = value; } }
相关文章推荐
- javascript innerHTML使用分析
- JavaScript中innerHTML,innerText,outerHTML的用法及区别
- IE6-IE9中tbody的innerHTML不能赋值的解决方法
- js innerHTML 的一些问题的解决方法
- IE6-IE9使用JSON、table.innerHTML所引发的问题
- javascript中innerText和innerHTML属性用法实例分析
- Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
- jquery获取及设置outerhtml的方法
- innerHTML与jquery里的html()区别介绍
- innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
- jquery 获取 outerHtml 包含当前节点本身的代码
- javascript textContent与innerText的异同分析
- javascript 异步的innerHTML使用分析
- js的.innerHTML = ""IE9下显示有错误的解决方法
- 让插入到 innerHTML 中的 script 跑起来的代码第1/2页
- js innerHTML 改变div内容的方法
- DOM能力检测兼容
- innerHTML和createTextNode()的区别
- 刷新父iframe的信息
- Jquery给Div赋值