innerText兼容性问题

【innerText兼容性问题】的更多相关文章

innerText兼容性问题

/* text方法,给网页元素设置文本值的方法主要处理火狐不支持innerText这个属性的问题. 还学习了如何判断一个字符串类型的属性是否存在如果判断一个对象类型的属性是否存在,用if(ele.attr)就行,但是如果判断字符串类型的,则就要if(typeof ele.attr=='string')这样了,其它类型同理第二个参数可选,如果有第二个参数,则是设置文本值 */ function text(ele,str){ if(ele&&ele.nodeType&&e…

JavaScript--动态添加元素

在网页中,使用JavaScript动态创建元素的方式有三种: 1.document.write() 2.Element.innerHTML 3.document.createElement() 在上述三种方法中,最常用最常用的是第三种方法,本文依托小例子,对三种方法加以总结. 案例:点击按钮生成列表,鼠标放上高亮显示的效果效果图: 页面内容: <input type="button" value="按钮" id="btn"> &l…

JS获取标签内容的方法

JS获取标签内容的方法测试代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="box"> <p>这有个第一个p</p> <p>这…

textContent、innerText 以及Event事件兼容性问题

今天在完成前端的简单练习时发现了一些兼容性的问题,百度后得以解决. 这里主要讨论Firefox与Chrome的兼容性问题. textContent与 innerText 在javascript中, 为了获取节点的文本, 我们可以考虑使用节点的textContent.或者innerText, 然而,两者都并不能很好对所有浏览器进行兼容. textContent: 不支持低版本 IE; 兼容 Chrome / Firefox / Safari / Opera / IE9. innerText: 不支…

innerHTML、outerHTML、innerText、outerText的区别及兼容性问题

今天看了很多文章关于innerHTML.outerHTML.innerText.outerText的区别,都是很模糊的一个介绍,所以自己总结下这些区别以及一些重点内容.很多文章在描述这些区别的时候,都是只针对一点进行描述,所以很难完全理解这些的字面含义以及区别点. 一.区别描述如下:(书上形式的说法) innerHTML设置或获取位于对象起始和结束标签内的 HTML outerHTML设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 out…

innerHtml innerText textContent兼容性问题

innerHtml,innerText,textContentinnerHtml获取元素带标签的内容:innerText只获取元素的文本:火狐不支持innerText,支持textContent: // IE和Firefox都能用的设置/获取对象属性函数 aobj = document.getElementById("alink"); firefox_ie(aobj,"http://www.test.com") function firefox_ie(obj,val…

innerHTML和innerText的区别

以<p id="example">welcome to <strong>JavaScript</strong> !!!</p>为例: innerHTML属性: innnerText属性: 以上可以看出: innerHTML属性会把p标签包含的内容全部打印出来包括p标签里面的标签 innnerText属性会把p标签包含的内容全部打印出来,但不会打印包含在p标签里面的标签特别指出: 现如今的浏览器几乎都支持属性innnerHTML,这个属性…

javascript中一些常见的兼容性问题

下面是一些Javascript的IE和Firefox(火狐)兼容性的常用例子 1. document.formName.item("itemName") 问题说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"]; Firefox下,只能使用document.formName.elements["elementNam…

封装js的部分兼容性

//获取标签的内容(兼容所有浏览器)function getInnerText(element) { //能力检测(先判断如果这个能力有这个) if(typeof element.innerText === "string") { //说明支持innerText return element.innerText; }else { //说明不支持innerText return element.textContent; }}//设置内容的方法(兼容性问题)function setInne…

js中兼容性问题的封装（能力检测）

所谓兼容性,就是看浏览器是否支持当前对象的属性或是方法,先通过获得页面文本内容的方式来了解兼容性,并封装函数或对象以解决此类问题. 获得页面文本内容的方式:innnerText 或textContent 或innerHTML. innerText在不同浏览器存在有兼容性问题,为此我们需要封装到一个函数里,使得不同的浏览器及不同版本都能获得页面文本.(谷歌兼容性较好,这里只拿早期火狐版本和IE8及其之前版本作比较) innerText和innerHTml的具体区别在获取页面文本的时候1,inne…