草庐IT

DOM_DELTA_LINE

全部标签

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);那我该如何访问和修改请求的页面数据呢? 最佳答案 您需要在

jquery - 当只需要遍历 DOM、$.ajax 和 Deferred 时替代 jQuery

编辑(2012-04-12):由于提出了这个问题,所以它是nowpossible(asofjQuery1.8)tomakecustombuildsofjQuery.对于我从事的大多数JavaScript项目,我想要一个简单、轻量级的UI堆栈。目前我在我的项目中使用jQuery,但是当我实际上退后一步并查看代码时,我实际上只将它用于:DOMtraversaljQuery.ajax和Deferred是否有另一个库(我不想自己处理所有各种跨浏览器和ES3/ES5的差异)可以为我提供这些功能而无需我个人不需要的所有附加内容?我想到了Dojo,但到目前为止我还没有这方面的经验,理想情况下我想听听

javascript - 从 Controller 中触发 jQuery DOM 操作的正确方法是什么?

所以我一直在读到从Controller中进行jQuery操作是不好的做法,但我不清楚原因或如何纠正。下面是Youtube教程中的代码,即使是视频创作者也评论说这是个坏主意,但没有解释原因并继续使用这种不良行为。来自https://www.youtube.com/watch?v=ilCH2Euobz0#t=553s:$scope.delete=function(){varid=this.todo.Id;Todo.delete({id:id},function(){$('todo_'+id).fadeOut();});};解决方案:根据下面Langdon的回答,我得出了以下适用于我自己工作

javascript - 在页面显示给用户之前拦截和修改 DOM

我正在尝试创建一个Firefox插件(使用插件SDK)来修改页面的显示方式,主要作为培训/学习练习。对于某些任务(例如使用新功能扩充页面)使用pageMod完全没问题。页面加载,我运行一些JS来显示/隐藏/添加元素。我的问题是:我可以在页面开始显示之前对DOM(即服务器返回的HTML文档)进行修改吗?例如:从服务器返回的页面是:Item1.1Item1.2Item1.3Item2.1Item2.2Item2.3但我希望FF渲染:Item1.1,Item1.2,Item1.3Item2.1,Item2.2,Item2.3在页面加载后执行此操作将首先显示表格,然后它会快速“闪烁”到列表中。

javascript - 我可以对 Fetch API 响应使用 DOM 查询方法吗?

我正在尝试自动与当前仅公开用户驱动的表单的旧Web界面进行交互,因此我需要使用动态请求从网页中抓取一些信息。如果我使用XHR,我可以将响应视为Document,这样我就可以使用querySelector等方法从特定节点检索信息。不过,我想尝试使用FetchAPI,它只会给我一个Body.这有blob、formData、json和text,但我没有看到任何能让我将其视为Document。我错过了什么吗?我可以直接从fetch获取文档或其他可查询的内容吗?如果没有,是否有一种简单的方法来获取字符串(来自Body.text())并将其转换为文档? 最佳答案

javascript - 生成 DOM 元素时替代 JavaScript `with` 语句

比如说,我有一个JavaScript库来生成如下所示的DOM片段AheadingAparagraph其中库domlib具有适用于任何类型元素的方法,生成上述片段的函数可能如下所示:function(domlib){returndomlib.main(domlib.h1('Aheading'),domlib.p('Aparagraph'));}在此函数中,我更愿意像这样调用domlib方法:main(h1('Aheading'),p('Aparagraph'))为此,我可以将domlib的所有方法放在全局范围内,但我宁愿避免污染全局范围。在我看来,with语句似乎是一个理想的解决方案:f

javascript - 我可以继承 DOM 类吗?

我想知道是否可以创建HTMLDivElement的子类。像这样。MyDivElement.prototype.pickColor=function(){returnthis.picked;}functionMyDivElement(){this=newHTMLDivElement();this.picked='unknowd';}alert(this.picked);//print:'unkowd'(类似)这可能吗?如果不是,实现这一目标的最佳方法是什么? 最佳答案 在__proto__公开且可变的浏览器中,您可以子类化DOM元素。

javascript - 查找与 DOM 窗口关联的选项卡

我正在Firefox扩展中添加一些新功能,TryAgain,它会捕获HTTP错误代码(例如500)并在一段时间后自动重试加载页面。捕获代码非常有效,我正在尝试计算重试总数和storethisinthetabusingSessionStore.不幸的是,现在我正在获取对DOM窗口的引用(通过interfaceRequestor.getInterface(Components.interfaces.nsIDOMWindow)),但我需要对选项卡的引用,它是nsIDOMNode根据nsISessionStoredocsonsetTabValue().到目前为止我有什么(我已经从这个例子中删除