繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript获取div的内容 精华篇
- Javascript
- JS幻想 读取二进制文件
- javascript 层展开/关闭，带缓冲效果
- 仿淘宝首页分类列表效果实现代码
- javascript 像素拼图实现代码
- javascript+css 新闻显示tab 选项卡效果
- [转]去百度面试的javascript 收获
- 用JavaScript显示随机图像或引用
- 一个类似vbscript的round函数的javascript函数
- JavaScript 学习点滴记录
- Js 获取HTML DOM节点元素的方法小结
- 在线编辑器中换行与内容自动提取
- 使用自定义setTimeout和setInterval使之可以传递参数和对象参数
- javascript 绘制矩形框
- 纯JS 绘制数学函数
- javascript Excel操作知识点
- jQuery 注意事项 与原因分析
- JQuery 初体验(建议学习jquery)
- RGB颜色值转HTML十六进制(HEX)代码的JS函数
- JavaScript 使用技巧精萃(.net html
- js tab 选项卡
Javascript 中的 javascript获取div的内容 精华篇
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 330 ::
收藏到网摘: n/a
用js获取div的内容的方法，其实原理就是利用innerText或innerHTML 原理:采用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不可用，但是有一个替代方法: textContent
IE: oDiv.innerText = aString; oDiv.innerHTML = aString;
FF: oDiv.textContent = aString; oDiv.innerHTML = aString;
Ajax in action 的作者之一Eric 用正则表达式 实现了 一个兼容方法，比较有趣
Hope this helps
A 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.
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
评论 (0) All
