个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
在 Microsoft IE 和(根据评论)Edge 中，如果 ID 恰好是“extTabsBodyEleFile1273551781_renderTo”，则 getElementById() 会失败。
<!DOCTYPE HTML>
<html>
<body>
<div id="extTabsBodyEleFile1273551781_renderTo"></div>
</body>
</html>
此 ID 是自动生成的。以任何方式更改 ID 都可以解决问题。获取 div 的父节点并列出其子节点也包括该 div。
该错误可以在 IE 11.0.9600.19155 和 11.0.9600.18538 上重现 - 但它可以在另一台使用 IE 11...19155 的计算机上正常运行。
如果您在随机站点上打开开发人员控制台，将 DOM 资源管理器中任何元素的 ID 更改为上面的 ID，然后尝试通过 document.getElementById(' extTabsBodyEleFile1273551781_renderTo')
我意识到这是一个 Edge 错误，修复它只意味着更改 ID。我的问题是为什么会发生这种情况，为什么它没有在 Edge 的一个实例上发生(我找不到设置差异)以及如何生成 ID 以确保它不会再次发生。在这个地方更改它很容易，但在不知道为什么会发生的情况下，它可能会再次发生。
是否存在 ID 不应该具有的已知散列或数字组合？这是我可以使用元标记关闭的旧设置吗？
我希望这个问题对于 SO 来说不是太不具体 - 由于大量与 getElementById 相关的问题，搜索它被证明是徒劳的。
console.log(document.getElementById('extTabsBodyEleFile1273551781_renderTo'));<div id="extTabsBodyEleFile1273551781_renderTo"></div>更新:
看来 ID 在不区分大小写的情况下失败了:
extTabsBodyEleFile1273551781_renderTo
exttabsbodyelefile1273551781_renderto
EXTTABSBODYELEFILE1273551781_RENDERTO
ExttAbsbOdyELEfILE1273551781_rEndErtO
所有这些都会导致错误。
<小时/>更新:
IE开发者控制台似乎至少涉及到该错误。打开一个测试 HTML 页面，该页面显示尝试通过该 ID 在其内部检索元素的结果，而不是将其记录到控制台，如果 IE 在控制台关闭的情况下启动，则按预期工作 - 直到控制台打开并且页面刷新几次(1-5) 次，错误再次出现并持续到 IE 关闭并重新打开为止。出现错误后关闭开发者控制台似乎没有效果。
测试 HTML 托管于 netlify ，HTML代码:
<!DOCTYPE HTML>
<html>
<head>
<style>
table, th, td {border: 1px solid black;border-collapse: collapse;}
th, td {padding: 15px;}
</style>
</head>
<body>
<div id="extTabsBodyEleFile1273551781_renderTo"></div>
<div><p id="testresult"></p></div>
<script>
var testresults = document.getElementById('testresult');
var time = new Date().getTime();
testresults.innerHTML = "<h3>testresults:</h3><br><table><tr><th>ID</th><th>Result</th><th>Time</th></tr>" +
'<tr><td>extTabsBodyEleFile1273551781_renderTo: ' + "</td><td>" + document.getElementById('extTabsBodyEleFile1273551781_renderTo') + "</td><td>" + time + "</td></tr>" +
'<tr><td>extTabsBodyEleFile1273551781_renderTo through querySelector: ' + "</td><td>" + document.querySelector('*[id="extTabsBodyEleFile1273551781_renderTo"]') + "</td><td>" + time + "</td></tr>" +
'</table>';
</script>
</body>
</html>
最佳答案
TL;DR
如果你尝试选择它们，看起来有特定的字符串边缘返回 null，我发现有 3 个字符串无法在此 fiddle 中选择: https://jsfiddle.net/cogwrudx/4/
我运行了从 1273 到 1290 id 的测试，只发现了 3 个，但我想可能还有更多，我不知道为什么这些字符串如此重要，以至于 Edge 不允许搜索它们。
来源
我无法评论，但这真的让我很烦，所以我必须做更多的测试，看起来无论你对此字符串进行什么更改，它都会起作用，但它不适用于这个确切的字符串.
添加/删除任何字母/数字都可以。将下划线之前的最后一个数字更改为 2 而不是 1 也可以。事实上，将任何数字更改为不同的数字都是可行的。
看起来 Edge 不喜欢那个特定的字符串是有原因的，我真的很想知道为什么。
编辑 1
在做了一些更基本的测试之后，我运行了下一个 fiddle : https://jsfiddle.net/cogwrudx/4/
正如您在运行它并查看控制台后所看到的，他还没有找到另外 2 个 id:
not found: extTabsBodyEleFile1273351781_renderTo
not found: extTabsBodyEleFile1273451781_renderTo
not found: extTabsBodyEleFile1273551781_renderTo
因此，我认为没有像其他人建议的那样需要避免明显的模式，而是需要搜索非常具体的字符串，就好像您尝试设置与类相同的字符串一样，它也不会起作用。
仅供引用
我是在 Windows 10 上的 Edge 浏览器上测试的，而不是 IE11。
Microsoft Edge 42.17134.1.0
Microsoft EdgeHTML 17.17134
关于javascript - getElementById 在 IE 11(可能是 Edge)的 DOM 树中明确存在的非常具体的 ID 上失败 - 为什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53318227/
25
4
0
SELECT *, `o_cheque_request.member_id`, `o_cheque_request.wallet_id` FROM `o_cheque_request`, `o_mem
根据某一条件从数据库表中查询 『有』与『没有』，只有两种状态，那为什么在写SQL的时候，还要**SELECT count(*)**呢？ 无论是刚入道的程序员新星，还是精湛沙场多年的程序员老白，都是一如
我试图找出一个文件是否存在，如果存在，验证css样式是否已经存在，如果不存在，将它们写在文件末尾... 我已经完成了这一切，但分 3 个步骤: 该文件是否存在？ FileInfo fi= new Fi
我们正在开发即时消息传递应用程序，并且需要在用户的化身上用绿点显示用户 friend 的“状态”。 “状态”远远超出了“my_app_is_opened_and_on_focus”，这意味着(我猜可能
模式 Movie(title, year, director, budget, earnings) Actor(stagename, realname, birthyear) ActedIn(stag
我有一个正在尝试创建的 MySQL 触发器，但无法获得正确的语法。 触发器应该遍历一组关键字并将其与插入数据库的新帖子的标题进行匹配。如果找到匹配项，它应该将新帖子分配给该存储桶并更新存储桶的关键字集
我有 3 个表......用户、更新和碰撞。 我想向发出 api 请求的用户返回最新订单的 feed 更新，并提供显示 feed 中每个状态所需的所有数据。我还需要包括更新是否已被发出 api 请求的
我正在尝试呈现一个带有 UIView 的 UIViewController。 以下是我在 viewDidLoad 方法中尝试的代码。 //create the view controller UIVi
我正在努力弄清楚如何在不对 mysql 进行两次调用的情况下从一个表中检查两件事。 我有一个 Members 表。我想测试MemberID 列中是否存在某个值，以及PhoneNumber 列中是否存在
以下代码给出了一个没有 Do Compile 错误的循环: Loop Sheets("Snap").Rows(1).AutoFilter Field:=5, Criteria1:=List
是否可以通过检查“dig”的输出来检查域名的存在？ 在绑定(bind)源中，我发现了这些常量: 0 DNS_R_NOEROR 1 DNS_R_FORMERR 2 DNS_R_SERVFAIL 3 DN
Controller 有问题 我在 Windows 上使用服务器，一切正常，但在互联网上我试图访问页面 social_apartament/beauty_life/并且找不到该页面，代码错误 404这
/** This is struct S. */ struct S(T) { static if(isFloatingPoint!T) { /// This version works
JVM 类型删除如何帮助 Clojure？没有它，Clojure 还能存在吗？如果 JVM 有具体化的类型会发生什么？也就是说，Clojure 将如何改变？ 最佳答案 Clojure 根本不会有太大变
许多论文等提到对“system()”的调用是不安全且不可移植的。我不反对他们的论点。 不过，我注意到许多 Unix 实用程序都有一个等效的 C 库。如果没有，源可用于各种这些工具。 虽然许多论文和此类
在我的 Node js 应用程序中，我有一个用户登录 api。上面我在服务器端代码中创建了一个名为 customerid 的变量。现在，当用户身份验证成功时。我将他的 userid 值存储在我的 cu
我有一个工作资源管理器组，由 Ubuntu 14.04 虚拟机、网络接口(interface)、公共(public) IP 地址和存储帐户组成。我已经从这组资源中创建了一个模板。 当我尝试部署这组资源
我有一个函数createminor4(arr，锦标赛)它基本上将arr分成4组，每组8人，然后将它们一次交换到tourney 1组。从那里它插入四个{}，其中有 4 个带有空数组的键。 我已经在 Ch
我有一个图表，其中有两个图例。我需要更改其中一个图例的点的大小。 我需要更改图例中“市场类型”的项目符号大小。我使用示例 here但不适用于我的图表。 我的代码如下: k <- ggplot(subs
我有 fiddle here展示我正在尝试做的事情。 我有一个动态生成的表，因此列可以按用户选择的任何顺序显示。因此，我尝试获取两个特定 header 的索引，以便可以将 CSS 类添加到这两列以供稍
我是一名优秀的程序员,十分优秀！