查找页面内容方法document.body.createTextRange(),兼容火狐，ie的写法

最新推荐文章于 2022-03-09 16:05:40 发布
原创 最新推荐文章于 2022-03-09 16:05:40 发布 · 5.1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#火狐 #ie #查找 #检索 #页面

博客可能围绕火狐和IE浏览器在页面查找、检索方面的相关内容展开，但具体细节因内容缺失暂不明确。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

坤灵小舍
关注
js createRange与createTextRange的一些用法实例
10-29
关于createTextRange和createRange的一些用法,脚本之家增强版。
createTextRange()的使用示例含文本框选中部分文字内容
12-10
代码如下: [removed] function test() { var rng=document.body.createTextRange(); alert(rng.text) } function test1() { var rng=document.body.createTextRange(); alert(rng.htmlText) } ...
js之createTextRange方法
weixin_30624825的博客
11-01 327
createTextRange()方法作用： 主要是用来对一些文本对象进行操作.比如你有一大段文字,都在同一个P标签内,但是你只希望通过JS改变其中的一小部分,这时就可以用createTextRange来创建Range对象操作文本.因为默认情况下文本只是文本,并不是对象,要想像操作对象那样操作文本,只能是创建为Range对象.这是要操作的文本就具有了对象的功能和特性了. myTextRa...
javascript中createTextRange用法
llc2007的专栏
05-29 1054
function test(){var rng=document.body.createTextRange();alert(rng.text)}function test1(){var rng=document.body.createTextRange();alert(rng.htmlText)}获取指定文本框中的选中的文字：只响应第一个文本框function test(){var o=d
createTextRange firefox 兼容
Noncy的专栏
12-19 5328
文字的选中功能是不太常用的功能，多出现在文本编辑器中，或是文本域之类的光标处理上。所以呢，使用的一些属性也并不是常见的。在IE浏览器下使用的是createTextRange而Firefox/chrome等现代浏览器下使用的是setSelectionRange。 假设文本域对象的名称是obj，则在IE及非IE浏览器下实现指定文字选中的代码如下： IE浏览器下： va
createTextRange用法
weixin_30779691的博客
09-08 179
createTextRange [Huoho.Com编辑] 版本：DHTML Object Model　返回值：有语法：oTextRange = object . createTextRange () 参数：无 返回值：oTextRange : 对象(Element)。如果成功的话返回被建立的 TextRange 对象。 说明：为 object 建立 TextRange 对象。使用此 T...
javascript textarea光标定位方法(兼容IE和FF)
01-19
于是搜索了baidu,google,找到了 IE下面的方法 代码如下: var tea=document.getElementById(“文本框的ID”); var txt=textArea.createTextRange(); txt.moveEnd(“character”,0-tempText.text.lengt
JavaScript将Web页面内容导出到Word及Excel的方法
10-24
尽管这不适用于所有现代浏览器（如Firefox、Chrome或Safari），但在某些场景下，特别是需要兼容旧版IE的场合，这种方法依然有用。 以下是对示例代码的详细解释： 1. **AllAreaExcel** 函数用于导出整个表格（ID为...
IE和Firefox之间在JavaScript语法上的差异
10-22
- IE 语法：`var textNode = document.body.createTextRange();` - Firefox 语法：`var textNode = document.createTextNode('text');` 7. 其他DOM操作： 其他DOM操作，如添加、删除或修改元素，也可能存在差异，...
firefox下javascript实现高亮关键词的方法
01-19
 FireFox下有： var range = document.body.createTextRange(); IE下有findText及pasteHTML，但是fireFox下就没有！怎么办？查了好多资料，都没有能说出个所以然的，皇天不负有心人，终于让我给搞出来了！ 注...
javascript中createTextRange用法(focus)
wing123123的博客
07-04 1861
  createtextrange createrange区别: 对象或元素不同，虽然都是返回TextRange。例如：     var r=document.body.createTextRange()    var r=document.createRange()  document. createTextRange 可以对body、TEXTAREA、BUTTON创建TextRange...
createTextRange 创建文本对象
weixin_30510153的博客
06-12 192
document.body.createTextRange主要是用来对一些文本对象进行操作.比如你有一大段文字,都在同一个P标签内,但是你只希望通过JS改变其中的一小部分,这时就可以用createTextRange来创建Range对象操作文本.因为默认情况下文本只是文本,并不是对象,要想像操作对象那样操作文本,只能是创建为Range对象.这是要操作的文本就具有了对象的功能和特性了. 转载于:htt...
关于document.body.appendChild在ie6兼容问题
allenlily的专栏
02-24 2779
function inserText() {             var urldata = {"百度":"http://www.baidu.com","谷歌":"http://www.google.com","微软":"http://www.microsoft.com"};             var table = document.getElementById("btntable
关于createTextRange和createRange的一些用法
热门推荐
冷雨夜的专栏
02-03 1万+
转自哪忘了!! 一、返回createTextRange的text和htmlText<!--function test(){var rng=document.body.createTextRange();alert(rng.text)}function test1(){var rng=document.body.createTextRange();
createTextRange()的使用总结
C#
09-12 2186
function test(){var rng=document.body.createTextRange();alert(rng.text)}function test1(){var rng=document.body.createTextRange();alert(rng.htmlText)}获取指定文本框中的选中的文字：只响应第一个文本框function test(){v
让textarea光标定位到最后，createTextRange在chrome和foxfire中是没有效果
但行好事 莫问前程
03-09 843
点击跳转查看
css ie下多行省略 兼容ie
最新发布
11-28
在 Internet Explorer (IE) 的老版本中，处理多行文本的省略（`overflow: ellipsis;`）并不直接支持。由于 IE6 至 IE9 并不完全支持 CSS3，我们需要采用一些技巧来实现多行文本的省略显示。 一种常见的解决方案是使用条件注释（Conditional Comments）结合 JavaScript 或 VBScript 来模拟。步骤如下： 1. **CSS**: 使用 `white-space: nowrap;` 阻止文本换行，然后设置 `text-overflow: ellipsis;` 表示超出内容的部分隐藏，并添加省略标记。这将在现代浏览器如 Chrome、Firefox 和 Safari 中生效，但在 IE 下不会起作用。 ```css .ie-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } ``` 2. **JavaScript 或 VBScript（仅对 IE 版本）**: 利用 `document.body.createTextRange()` 创建文本范围，然后设置其 `scrollWidth` 和 `offsetWidth` 来确定文本长度，通过调整容器宽度来实现省略效果。 ```javascript // JavaScript 示例 function addEllipsisToIE(elementId) { if (!window.document.all || !document.getElementById) return; var element = document.getElementById(elementId); if (!element) return; // 其他兼容性检查... var range = document.body.createTextRange(); range.moveToElementText(element); range.collapse(true); var width = element.offsetWidth - 40; // 假设需要的省略符宽度是 40px element.style.width = width + 'px'; var visibleChars = Math.min(range.scrollWidth, range.offsetWidth); if (visibleChars > width) { element.innerHTML += '...'; } } // 调用函数，例如： addEllipsisToIE('myElementId'); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值