- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想在我的网页上选择一个特定的范围。如果元素被隐藏,IE (Internet Explorer) 和 Edge 会报错。如何在隐藏元素上向文档添加选择?
示例
<html>
<head>
<meta name="robots" content="noindex">
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
#d2{
display:none;
}
</style>
</head>
<body>
<div id="d1">div1</div>
<div id="d2">div2</div>
<div id="d3">div3</div>
<a onclick="doSel()" href="javascript:void(0)">click me:)</a>
<script id="jsbin-javascript">
function doSel(){
var element = $("#d2").contents()[0];
var myRange = createRange(element,1, element,2);
console.log(myRange);
document.getSelection().removeAllRanges();
document.getSelection().addRange(myRange);
}
function createRange(startContainer, startOffset, endContainer, endOffset){
var rangeObj = document.createRange ();
rangeObj.setStart (startContainer, startOffset);
rangeObj.setEnd (endContainer, endOffset);
return rangeObj;
}
</script>
</body>
</html>
在这个页面中,我在 Firefox 和 Chrome 的 div#d2 中选择了“i”,但是 IE 给我错误 unspecified error
而 Edge 给我 Could not complete the operation due to错误 800a025e。
。这些错误是在这一行抛出的:document.getSelection().addRange(myRange);
如何解决问题并在 IE 和 Edge 中为我的文档选择添加范围?
最佳答案
我做了那个搜索,但找不到任何关于它为什么会出错的解释。
解决方法是,如果元素具有 display: none
(但 Edge 有),Chrome/FF 都不会返回任何值,因此首先要实际检查它。如果它有 display:none
,则返回一个空字符串。
我还尝试了下面的演示,如果要抓取的元素有 display:none
,则抓取上一个和下一个元素。
有了这个,我实际上能够获取 display:none
元素的文本,尽管它只适用于 IE11。
测试:http://jsfiddle.net/p0k7jj12/2/
我做的快速测试的部分代码
function doSel(){
var element3 = $("#d3").contents()[0];
var element2 = $("#d2").contents()[0];
var element1 = $("#d1").contents()[0];
var myRange = createRange(element1,4, element3,0);
console.log(myRange);
document.getSelection().removeAllRanges();
document.getSelection().addRange(myRange);
alert(document.getSelection());
}
关于javascript - 在 Internet Explorer 中添加对隐藏元素的选择引发错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33164845/
我正在使用 SharePoint Online 并使用 Windows Azure 托管访问 SPO 的进程。 我们已将启动任务添加到 Azure 角色以安装 http://www.microsoft
我有一个函数,它获取包含时间的源文件(csv 文件),读取它,然后按顺序对行进行排序并将它们写入目标文件中。但是,如果源 csv 文件不存在,我需要引发 FileNotFoundError。我之前曾引
我试图在目录不存在时引发错误,然后再打开该目录中的文件。根据this response我应该为我的问题使用最具体的异常构造函数,我认为它是 NotADirectoryError。但是运行下面的代码我得
在编码/开发生命的一天或另一天,我们确实遇到了这个特殊的情况,这是最常见的异常(exception)之一。我的问题是关于的而不是。为什么(我知道当我们尝试访问实际上指向null的引用变量的属性时会引发
我想知道在 python 中是否可以在一个 except block 中引发异常并在稍后的 except block 中捕获它。我相信其他一些语言默认会这样做。 这是它的样子" try: som
我有以下代码: br = mechanize.Browser() br._factory.is_html = True br.form = mechanize._form.ParseString(''
我刚刚发现,如果您有一个引发 TOO_MANY_ROWS 异常的 SELECT INTO,该变量仍会从查询检索到的第一条记录中分配值。这是预期的行为吗? 这是我的例子: for co in my_cu
当 SSH 显示 WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! 我知道当您重新安装远程服务器时会发生这种情况,但我尝试列出 其他原因 . 我知道如何
我有一个枚举和一个 EnumMap . 我将 map 放入一个类中以隐藏“字节”值。所以我有一个set(Parameter, int)和set(Parameter, boolean)方法。 publi
在什么情况下会redis-py引发以下 AttributeError 异常? redis-py 不是设计来引发仅基于 redis.exceptions.RedisError 的异常吗? 什么是合理的处
可悲的是,对此异常的引用通常具有异国情调,并且可能发生在您例如通过 Assembly.GetTypes() 枚举类型- 举个例子,它发生在我们的一个部署上,但同一组程序集在集成服务器上运行良好。 为了
我正在为 Android 下的特定平板电脑克隆一个存储库并获取源代码,我必须执行一个 python 脚本。当我执行它时,我收到此错误消息: Traceback (most recent call la
首先,执行此操作(在运行 4.4.2 的 Nexus 5 上测试): 将 PRIORITY_LOW 通知传递给 Service.startForeground()。 观察通知不显示在状态栏中。 使用相
我尝试使用 AppEngine 的 python 模块 api 来获取使用基本缩放的模块的实例数。在我模块的 yaml 文件中,我明确设置了 max_instances 参数。我希望 get_num_
当我如下运行我的 spark python 代码时: import pyspark conf = (pyspark.SparkConf() .setMaster("local")
在我的系统上,一段适用于 Python 2 的代码不适用于 Python 3。 f = open("plotwidget.svg") svgData = f.read() xml_stream = Q
我是 PHP 和 SQL 的新手,但我正在创建一个登录系统。我遇到的问题是: You have an error in your SQL syntax; check the manual that c
我有一个使用 ebaysdk 库的 python 代码,当我运行代码并输入关键字进行搜索时,我得到了这个错误。 Traceback (most recent call last): File "eba
当我将表单数据发送到我的 Flask 应用程序时,出现以下错误。它说它将使用 UTF-8 编码,但语言环境已经是 UTF-8。这个错误是什么意思? /home/.virtualenvs/project
在python2.7中,跟随pympler example : from anotherfile import somefunction, somecustomclass from os import
我是一名优秀的程序员,十分优秀!