草庐IT

dom-repeat

全部标签

javascript - Prototype JS 吞下 dom :loaded, 和 ajax 回调中的错误?

我不明白为什么原型(prototype)会抑制dom:loaded事件和AJAX处理程序中的错误消息。给定以下HTML片段:ConformingXHTML1.1Templatedocument.observe('dom:loaded',function(){console.log('domready');console.log(idontexist);});domready事件触发,我在控制台中看到日志,但没有任何错误指示。如果您将console.log(idontexist);行移出处理程序,您将获得idontexistisnotdefined控制台出错。我觉得有点奇怪,在其他事件处

javascript - 我如何使用 JavaScript 判断 DOM 对象是否在窗口之外?

这个问题在这里已经有了答案:HowcanItellifaDOMelementisvisibleinthecurrentviewport?(31个答案)Howtocheckifelementisvisibleafterscrolling?(46个答案)关闭9年前。我正在寻找一种方法来了解某个对象(如Div、img等)是否在JavaScript/jQuery窗口中被用户显示和可见。当我说“显示并可见”时,就是用户没有充分滚动页面以让对象可见(如果您明白我的意思)。但是,如果用户滚动页面并且div不再可见(在窗口外),我正在寻找的功能应该知道这一点。

javascript - 闭包事件委托(delegate) - DOM 父级上的事件监听器,涵盖给定类的子级/后代

在jQuery中,您可以执行以下操作:$('#j_unoffered').on('click','.icon_del',function(){...这会在元素j_unoffered上放置一个处理程序,如果单击具有类icon_del的任何后代元素,该处理程序就会触发。此外,它适用于任何随后创建的icon_del元素。我可以在点击元素本身的Closure中正常工作。goog.events.listen(goog.dom.getElement('j_unoffered'),goog.events.EventType.CLICK,function(e){...如何在Closure中指定父事件目

javascript - 多维数组的嵌套 ng-repeat

我正在尝试使用ng-repeat指令在html中显示二维数组。我可以显示第一个维度(表格行),但第二个维度(表格数据)不起作用。我见过很多使用对象、JSON、键值数据结构的解决方案……但我找不到仅适用于包含其他数组的数组的方法。以下是一些不成功的尝试。HTML:(无效)HTML:(不起作用)JS:vargrid=angular.module("grid",[]);grid.controller("gridCtrl",function($scope){$scope.grid=[[empty,empty,empty,empty,empty],[empty,empty,empty,empty

javascript - DOM 背景颜色传播闪烁继承 Google Chrome 中的初始背景颜色,使用主题切换来重载主体背景颜色

我目前正在为我的网站开发一个主题切换器,它使用Javascript/jQuery来使用由按钮切换的lightmode()/darkmode()函数来操纵Body.bg颜色。我想要做的是在主体背景颜色与淡入淡出之间创建无缝过渡。我已经制作并创建了它,但问题是当主题读取存储类型时,它会在Chrome和ChromeCanary中快速闪烁,但在Safari和Catalina的SafariTechPreview中它可以无缝工作。但是,当用户切换到白色然后单击导航链接时,我一直遇到一个问题,这会导致暗模式主题黑色闪烁。我的网站开始时启用了暗模式,bodybg=#0a0a0a,但是当它切换到白色并更

javascript - 在处理大型 DOM 元素时加速 jQuery empty() 或 replaceWith() 函数

首先让我为没有提供代码片段而道歉。我正在从事的项目是专有的,恐怕我无法准确地展示我正在从事的工作。不过,我会尽力描述。这是我的应用程序中发生的事情的分割:用户点击按钮服务器以数据表的形式检索图像列表表格中的每一行包含8个数据单元格,每个单元格又包含一个超链接用户的每个请求最多可包含50行(如果需要,我可以更改此数字)这意味着表格包含超过800个单独的DOM元素我的分析表明jQuery("#dataTable").empty()和jQuery("#dataTable").replaceWith(tableCloneObject)占了我的97%总体处理时间,平均需要4-6秒才能完成。在处理

javascript - 在不加载资源(特别是图像)的情况下从字符串构建 DOM 树

所以我通过AJAX抓取RSS提要。处理完它们后,我有一个html字符串,我想使用各种jQuery功能对其进行操作。为此,我需要一棵DOM节点树。我可以将HTML字符串解析为jQuery()函数。我可以将它作为innerHTML添加到某个隐藏节点并使用它。我什至尝试过使用mozilla的非标准range.createContextualFragment()。所有这些解决方案的问题在于,当我的HTML代码段具有时标记,firefox尽职尽责地获取引用的任何图像。由于此处理是不向用户显示的后台内容,因此我只想得到一个DOM树,浏览器不会加载其中包含的所有图像。这可以用javascript实现

javascript - 输入的动态修改值未反射(reflect)在 DOM 中

如何让DOM反射(reflect)修改后的输入值?setInterval(function(){$('input').val(parseInt($('input').val())+1)console.log('div.html():',$('div').html())},1000) 最佳答案 尝试直接更改DOM。例如:setInterval(function(){varv=parseInt(document.getElementById("myInput").value)+1;document.getElementById("myI

javascript - 通过 DOM 解析获取所有子项和值

Container是我添加了一些基本HTML的div。debug_log函数正在打印以下内容:I'minaspan!I'minadiv!I'minapp标签中的其余文本发生了什么(“aragraph标签!!”)。我想我不明白如何遍历文档树。我需要一个函数来解析整个文档树并返回所有元素及其值。下面的代码是第一次尝试显示所有值。container.innerHTML='I\'minaspan!I\'minadiv!I\'minaparagraphtag!!';DEMO.parse_dom(container);DEMO.parse_dom=function(ele){varchild_ar

javascript - 如何在处理 DOM 之前使用 google chrome 内容脚本修改网页?

使用chrome内容脚本,我想在加载内容之前删除网页中的多个iframe。我发现,在扩展list中使用属性run_at:document_start我的javascript是在主页请求之后和处理DOM以及加载图像、iframe等之前执行的。从逻辑上讲,此时DOM结构不可用,我无法使用以下命令修改页面:myelement=document.getElementById('iframeX');myelement.parentNode.removeChild(myelement);那我该如何访问和修改请求的页面数据呢? 最佳答案 您需要在