Tag: DOM

如何检查一个embedded的SVG文档是否加载到一个HTML页面？: 我需要编辑（使用JavaScript）一个embedded在HTML页面的SVG文档。当SVG加载时，我可以访问SVG及其元素的dom。但是我无法知道SVG dom是否准备好，所以我不能在加载html页面时在SVG上执行默认操作。要访问SVG dom，我使用这个代码： var svg = document.getElementById("chart").getSVGDocument(); 其中“图表”是embedded元素的ID。如果我在html文档准备就绪的时候尝试访问SVG，就这样： jQuery(document).ready( function() { var svg = document.getElementById("chart").getSVGDocument(); … svg始终为空。我只是需要知道什么时候它不是空的，所以我可以开始操纵它。你知道有没有办法做到这一点？

用span展开选定的文本节点: 我想将选定的文本包装在一个带有跨度的div容器中，这有可能吗？用户将select一个文本，并将点击一个button，在button点击事件我想用span元素包装选定的文本。我可以使用window.getSelection()获取选定的文本，但如何知道它在DOM结构中的确切位置？

如果一个元素被包含在另一个元素中，如何检查Javascript: 如何检查一个DOM元素是否是另一个DOM元素的子元素？有没有内置的方法呢？例如，像这样的东西： if (element1.hasDescendant(element2)) 要么 if (element2.hasParent(element1)) 如果不是那么任何想法如何做到这一点？它还需要跨浏览器。我还应该提到，孩子可以嵌套在父母的许多层次上。

如何通过JavaScript加载图片时显示微调: 我目前正在一个Web应用程序，它有一个页面显示一个图表（一个.png图像）。在这个页面的另一部分，有一组链接，点击后，整个页面重新加载，看起来和以前完全一样，除了页面中间的图表。我想要做的是当一个页面上的链接被点击时，只是页面上的图表发生了变化。这会大大加快速度，因为页面大小约为100kb，并且不想重新加载整个页面来显示它。我一直在通过使用以下代码的JavaScript来完成这项工作 document.getElementById('chart').src = '/charts/10.png'; 问题是，当用户点击链接时，图表更改可能需要几秒钟的时间。这使得用户认为他们的点击没有做任何事情，或者系统响应缓慢。我想要发生的是显示一个微调/悸动/状态指示器，代替图像在加载时的位置，所以当用户点击链接时，他们知道至less系统已经采取了他们的input并正在做一些事情。我已经尝试了一些build议，甚至使用psudo超时显示微调，然后轻弹回图像。我有一个很好的build议是使用以下 <img src="/charts/10.png" lowsrc="/spinner.gif"/> 这将是理想的，除了微调显着小于正在显示的图表。任何其他的想法？

如何在dom完成渲染后运行指令？: 我看到一个看似简单的问题（通过阅读Angular JS文档）解决scheme。我有一个Angular JS指令，它根据其他DOM元素的高度进行一些计算，以定义DOM中容器的高度。在这个指令里面有类似的东西： return function(scope, element, attrs) { $('.main').height( $('.site-header').height() – $('.site-footer').height() ); } 问题是当指令运行时， $('site-header')找不到，返回一个空数组，而不是我需要的jQuery包装的DOM元素。是否有一个callback，我可以在我的指令中使用，只有在加载DOM后运行，我可以通过正常的jQueryselect器样式查询访问其他DOM元素？

HTMLCollection，NodeLists和对象数组之间的区别: 当涉及到DOM时，我一直在HTMLCollections，对象和数组之间感到困惑。例如… document.getElementsByTagName("td")和$("td")什么区别？ $("#myTable")和$("td")是对象（jQuery对象）。为什么console.log也显示旁边的DOM元素数组，他们不是对象，而不是数组？什么是难以捉摸的“NodeLists”所有关于，我如何select一个？请同时提供以下脚本的任何解释。谢谢 [123,"abc",321,"cba"]=[123,"abc",321,"cba"] {123:123,abc:"abc",321:321,cba:"cba"}=Object { 123=123, abc="abc", 321=321, more…} Node= Node { ELEMENT_NODE=1, ATTRIBUTE_NODE=2, TEXT_NODE=3, more…} document.links= HTMLCollection[a #, a #] document.getElementById("myTable")= <table id="myTable"> document.getElementsByClassName("myRow")= HTMLCollection[tr.myRow, tr.myRow] document.getElementsByTagName("td")= HTMLCollection[td, td, td, td] $("#myTable")= Object[table#myTable] $("td")= Object[td, td, td, td] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> […]

AngularJS：如何在AngularJS渲染模板之后运行其他代码？: 我在DOM中有一个Angular模板。当我的控制器从服务中获取新数据时，它会更新$ scope中的模型，并重新呈现模板。迄今为止都很好。问题是我需要在模板被重新渲染并且在DOM（在这个例子中是一个jQuery插件）之后做一些额外的工作。似乎应该有一个事件来听，如AfterRender，但我找不到任何这样的事情。也许一个指令将是一条路要走，但似乎也太火了。这是一个jsFiddle概述我的问题：小提琴AngularIssue ==更新== 基于有用的评论，我已经相应地切换到处理DOM操作的指令，并在指令中实现了一个模型$ watch。不过，我仍然有相同的基础问题; $ watch事件中的代码在模板被编译并插入到DOM之前触发，因此，jquery插件总是评估一个空表。有趣的是，如果我删除asynchronous调用，整个事情就可以正常工作，所以这是一个正确的方向。这是我更新的小提琴，以反映这些变化： http : //jsfiddle.net/uNREn/12/

IE7中的getElementsByName: 我有一些代码这样做： var changes = document.getElementsByName(from); for (var c=0; c<changes.length; c++) { var ch = changes[c]; var current = new String(ch.innerHTML); etc. } 这在FF和Chrome中正常工作，但不在IE7中。大概是因为getElementsByName在IE中不工作。什么是最好的解决方法？

如何将HTML插入到PHP DOMNode？: 有什么办法可以插入一个HTML模板到现有的DOMNode没有内容被编码？我试图做到这一点： $dom->createElement('div', '<h1>Hello world</h1>'); $dom->createTextNode('<h1>Hello world</h1>'); 输出几乎是相同的，唯一不同的是，第一个代码将它包装在一个div。我曾尝试从string加载HTML，但我不知道如何将其正文内容附加到另一个DOMDocument。在JavaScript中，这个过程似乎很简单明了。

Javascript / DOM：如何删除DOM对象的所有事件？: 只是问题：有什么办法可以彻底删除一个对象的所有事件，例如一个div？编辑：我添加每div.addEventListener('click',eventReturner(),false); 一个事件。 function eventReturner() { return function() { dosomething(); }; } 编辑2：我find了一种方法，这是工作，但不可能用于我的情况： var returnedFunction; function addit() { var div = document.getElementById('div'); returnedFunction = eventReturner(); div.addEventListener('click',returnedFunction,false); //You HAVE to take here a var and not the direct call to eventReturner(), because the function address must be the same, and it would change, if the function […]