作家
登录

javascript获取div的内容 精华篇

作者: 来源:www.28hudong.com 2013-03-30 02:35:55 阅读 我要评论

原理:采用innerText 或者 innerHTML 复制代码 代码如下:<script language=”javascript”> var stock_code = stockcode.innerText; var stock_code = stockcode.innerHTML; </script> <div id="stockcode" style="display:none"> test </div> innerText 跟 innerHTML是两个非DOM标准的方法其区别如图所示:(图中应该为innerText)在IE中 innerText 跟 inner HTML 两个方法都能正常运行但是FF里面的innerText不可用,但是有一个替代方法: textContentIE: oDiv.innerText = aString; oDiv.innerHTML = aString;FF: oDiv.textContent = aString; oDiv.innerHTML = aString;Ajax in action 的作者之一Eric 用正则表达式 实现了 一个兼容方法,比较有趣Hope this helpsA little smirk One day a secretary is leaving on her lunch break, and she notices her boss standing in front of a shredder with a clueless look on his face. The secretary walks up to him and asks if he needs help. "Yes!" he says looking and sounding relieved, "This is very important." Glad to help, she turns the shredder on and inserts the paper. Then her boss says, "Thanks, I only need one copy." Create function like innerText As you may have figured out innerText is IE only. That means that browsers like Mozilla, Firefox, and Netscape will return undefined. If you do not know what innerText does, it strips out all of the tags so you only see the text. For example, if a div contains the HTML <span id='span1'>Eric</span>, innerHTML would return <span id='span1'>Eric</span> while innerText will return Eric. Now to make innerHTML act the same we need to use some regular expressions with the strings replace() method. Now the basic pattern we need to match is or or or Now the regular expression we need to use is /</?[^>]+>/gi If you do not know regular expressions here is a quick explanation: / - Starts the regular expression < - Match the less than sign / - Escape the character / so it can be matched (Without the you would be saying it is the end of the reg exp.) ? - Match the / character 0 or 1 times [^>] - Match any character but greater than sign + - Match [^>] one or more times > - Match greater than sign / - End the regular expression gi - Tells regular expression to match global and ignore the case So now the function to replace the text would look like: 复制代码 代码如下:<script type="text/javascript"> var regExp = /</?[^>]+>/gi; function ReplaceTags(xStr){ xStr = xStr.replace(regExp,""); return xStr; } </script> All you need to do is pass it a string and it returns the string stripped of the tags. An example is shown below to grab the text from a div without the tags. Test Test Test Wow! [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  推荐阅读

  javascript操作cookie_获取与修改代码

复制代码 代码如下:function $Cookie(){ var a=arguments.callee; var b=a._cached; if(a._cached){return a._cached} if(!(this instanceof a)){return new a} if(typeof a._cached=="undefined"){a._cached=this>>>详细阅读


本文标题:javascript获取div的内容 精华篇

地址:http://www.17bianji.com/kaifa2/JS/28683.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)