草庐IT

DOM_DELTA_LINE

全部标签

javascript - nvd3.js-带取景器的折线图 : rotate axis labels and show line values when mouse over

我是这种论坛的新手,我的英语水平不是最好的,但我会尽力而为:)。在nvd3website处有一个带取景器的折线图示例.这是我过去2天一直在使用的那个(examples\lineWithFocusChart.html,nvd3zip包)。我只对示例的格式做了一处更改:我在X轴上使用日期而不是普通数字。这是我的两个问题:1-我怎样才能在x轴上旋转所有刻度的标签?我的日期太长(%x%X,日期和时间),我希望它们按顺序轮换以提高观看效果。我只能旋转2个刻度(x轴的最大和最小边缘)。这是我在nv.d3.js的“switch(axis.orient())”block中修改的代码:case'bott

javascript - 如何观察 DOM 的变化 AngularJS

这似乎是一个愚蠢的问题,但我需要知道如何观察页面的整个DOM并在它发生变化时重新编译它。本质上,这就是AngularJS默认使用数据绑定(bind)所做的事情,但我需要在DOM中的任何内容发生更改时发生这种情况,而不仅仅是绑定(bind)。原因是因为我有一个完全用HTML、Javascript和PHP构建的应用程序。它是一个单页应用程序,它有一个主页面并将PHP注入(inject)到该页面内的DIV包装器中。我想对其进行一些修改,但又想让我的代码与原始代码完全分开。为此,我需要能够在注入(inject)具有自己的DOM结构的新PHP文件时重新编译DOM。到目前为止,我所拥有的似乎没有用

javascript - 在 React 中将 DOM 元素作为 Prop 传递

所以我有一个组件需要一个DOM元素作为prop传入。我正在尝试像这样在另一个组件中使用它:...但这不起作用,因为(我怀疑)在我调用this.refs.myPropDiv时DOM尚未呈现。我将如何完成这样的事情? 最佳答案 在大多数情况下,这不是一个好主意,至少看起来不像是在遵循React的方式。首先,通过refs获取该div,您不会获取DOM元素,而是获取该div的支持实例。您可以获得像toomanyredirects所建议的那样的DOM元素。无论如何,你想要达到什么目的?React的一个优点是您不必弄乱原始DOM,而是使用虚拟D

javascript - 高效查找出现在指定 DOM 元素上的 DOM 元素

如何高效地找到位于指定查询元素之上的所有DOM元素?也就是说,我想要一个Javascript函数,当我传入对DOM元素的引用时,它将返回一个包含所有DOM元素的数组,这些元素与输入元素有非零重叠并在视觉上显示在它上方。我的具体目标是找到那些可能在视觉上阻挡其下方元素的元素。上下文是我对网页、查询元素或其他任何东西都没有高级知识的上下文。出于各种原因,元素可能会出现在其他元素之上。我当然可以通过对DOM的详尽搜索来做到这一点,但是当DOM树变大时,这非常低效且不实用。我还可以使用较新的elementFromPoint从查询元素中采样位置,以确保它确实在顶部,但这似乎效率很低。关于如何更好

javascript - 全局记录 jQuery 错误(事件和 DOM 错误)

由于现在的系统越来越多地面向Javascript(jQuery、AJAX等),我们一直在努力为这些事情中的任何一个记录越来越多的错误日志。我担心的是,在jQuery本身中,当创建或执行正常的DOM操作/jQuery事件时,window.onerror无法捕获这些,这可能有助于调试错误生产速度更快,让他们登录服务器在2008年的这篇文章(.onerror&jQuerybindtry/catch{})中,他们向jQuery.bind()事件try/catch{}>甚至是document.ready事件。现在一切都通过.on()事件,这篇文章有点过时了,但我觉得逻辑仍然有效......有没有

没有引用 DOM 元素的 Javascript/Prototype : Get css values,?

是否可以通过在CSS文件中定义的类名(例如类的宽度)检索样式属性,而不必从DOM中的实际元素中获取它? 最佳答案 是的。查看document.styleSheets属性。https://developer.mozilla.org/en-US/docs/Web/API/document.styleSheetshttp://www.quirksmode.org/dom/tests/stylesheets.html 关于没有引用DOM元素的Javascript/Prototype:Getcss

javascript - 当使用来自 react-router-dom 的 `Failed to execute ' 时,为什么 'History' pushState' on `Link` `

我看过类似的帖子,但找不到答案,就我而言,我正在尝试传递来自的操作:addExpense=(expense)=>{console.log('HelloFromAddExpenseForm');}到/create我渲染的路线组件CreateExpense链接已呈现,但当我点击它时,控制台出现错误:UncaughtDOMException:Failedtoexecute'pushState'on'History':function(expense){console.log('HelloFromaddExpense');}couldnotbecloned这是为什么?解决方法是什么?我更新的代

javascript - 检查 DOM 元素是否可以与之交互

在我的html5应用程序中,我做了很多动态dom元素创建/操作。在某些情况下,我需要验证一个元素(例如div)是否可以被用户“点击”。“可点击”是指满足以下两个条件:它的计算CSS样式意味着它实际显示(即元素及其所有父元素的display和visibility属性)它不会被任何其他元素遮挡,无论是具有更高的z-index还是稍后创建的绝对定位元素-在DOM的任何级别上,而不仅仅是其兄弟元素。我可以使用纯JS或jQuery。使用jQuery可以很容易地检查第一部分(即使用.is(':visible')。但是,如果我有一个元素被另一个元素遮盖了,这仍然返回true。如何检查元素是否真正可点

javascript - 使用 Youtube iframe 删除 DOM 元素时未定义“__flash__removeCallback”

我有一个包含通过iframe嵌入的Youtube视频的div。我通过ajax调用更改了#container的内容$.get(url,function(data){('#container').html(data);}现在我在IE9中收到以下错误:“SCRIPT5009:'_flash_removeCallback'未定义”。我尝试在ajax调用之前删除、删除...视频和/或iframe,但这不起作用:$('#video').html('')$('#video').empty()$('#video').remove()$('#videoiframe').attr('src','')$('

javascript - 当 DOM 元素的计算样式改变时触发事件?

是否有非轮询方法来监听元素的computedstyle的变化??这个幻想代码片段应该能简洁地解释我的意思:varel=document.getElementById('doodad');el.addComputedStyleChangeListener('width',function(prev,new){alert('Previouswidth:'+prev+';Newwidth:'+new);});我知道DOMAttrModified突变事件和即将到来的MutationObserver,但这两者都不够——它们只能用于观察元素的styleDOM属性,它不能完全确定元素的计算样式。用例