Questions tagged «dom»

是否可以使用类a 或 仅b使用getElementsByClassName()一次获取所有元素？我更喜欢香草JavaScript。

76 javascript  html  dom 

由于element.classListIE 9和Safari-5不支持，因此有什么替代的跨浏览器解决方案？ 请没有框架。 解决方案必须至少在IE 9，Safari 5，FireFox 4，Opera 11.5和Chrome中运行。 相关文章（但不包含解决方案）： 如何添加和删除CSS类 用动画添加和删除类 添加删除课程？

75 javascript  dom  cross-browser 

我必须.unbind()来自父节点的所有元素。 如何从父母中选择所有子女（任何级别）？ 尝试过： $('#google_translate_element *').unbind('click'); 但它仅适用于第一个孩子的水平... 这里有一个测试用例

75 javascript  jquery  html  dom 

有类似的功能document.getElementById("FirstDiv").clear()吗？

75 javascript  html  dom 

在Java中遍历所有DOM元素的最有效方法是什么？ 像这样，但是对于当前的每个DOM元素org.w3c.dom.Document呢？ for(Node childNode = node.getFirstChild(); childNode!=null;){ Node nextChild = childNode.getNextSibling(); // Do something with childNode, including move or delete... childNode = nextChild; }

74 java  xml  dom  iteration 

Python有几种解析XML的方法... 我了解使用SAX解析的基本知识。它具有事件驱动的API，可充当流解析器。 我也了解DOM解析器。它将XML读取到内存中，并将其转换为可以使用Python访问的对象。 一般来说，根据您需要执行的操作，内存限制，性能等，在这两者之间进行选择很容易。 （希望到目前为止我是对的。） 从Python 2.5开始，我们还有ElementTree。与DOM和SAX相比如何？哪个更相似？为什么比以前的解析器更好？

74 python  xml  dom  sax  elementtree 

我正在尝试向index.html文件中的按钮添加功能，如下所示：我在按钮元素中index.html <button id="auth-button">Authorize</button> 在main.js应用程序中，我有 require('crash-reporter').start(); console.log("oh yaeh!"); var mainWindow = null; app.on('window-all-closed', function(){ if(process.platform != 'darwin'){ app.quit(); } }); app.on('ready',function(){ mainWindow = new BrowserWindow({width:800, height : 600}); mainWindow.loadUrl('file://' + __dirname + '/index.html'); var authButton = document.getElementById("auth-button"); authButton.addEventListener("click",function(){alert("clicked!");}); mainWindow.openDevTools(); mainWindow.on('closed',function(){ mainWindow = null; }); }); 但是会发生如下错误： Uncaught Exception: ReferenceError: document is …

74 javascript  dom  electron 

以下语句中DOM元素的含义是什么？ 陈述1 您可以将多个类添加到单个DOM元素中。 陈述＃2 关键是CSS中的继承不是通过类，而是通过元素层次结构完成的。因此，要对继承的特征进行建模，您需要将其应用于DOM中不同级别的元素。 我知道DOM代表 Domain Object Model。在语句中，它似乎是API的同义词。

73 dom 

在div中，具有具有attribute的元素（不一定是第二代）move_id。 首先，想要获取set的第一个和最后一个元素的最直接方法 尝试通过以下方式获得第一个和最后一个： var first = div.querySelector('[move_id]:first'); var last = div.querySelector('[move_id]:last'); 之所以炸弹，是因为：first和：last是我的一厢情愿（？） 无法使用Array方法，querySelectorAll因为NodeList它不是Array： var first = (div.querySelectorAll('[move_id]'))[0]; var last = (div.querySelectorAll('[move_id'])).pop(); 这个炸弹因为NodeList没有方法pop() （是的，可以在NodeList顶部使用Array方法： var first = div.querySelector('[move_id]'); var last = Array.prototype.pop.call(div.querySelectorAll('[move_id'])); 这有效，并且是我现在正在使用的功能，但我认为我必须更直接地缺少一些东西） 其次，需要验证元素是否按照http://en.wikipedia.org/wiki/Tree_traversal按预售深度优先遍历列出

73 javascript  dom  html 

我目前正在汇总一些最佳实践，以在组件级别上测试Angular 2应用程序。 我看过一些教程，查询灯具的NativeElement对象以获取选择器等，例如 it('should render "Hello World!" after click', async(() => { builder.createAsync(HelloWorld).then((fixture: ComponentFixture<HelloWorld>) => { fixture.detectChanges(); let el = fixture.nativeElement; el.querySelector('h1').click(); fixture.detectChanges(); expect(el.querySelector('h1')).toHaveText('Hello World!'); }); })); 运行代码段隐藏结果展开摘要 但是，在juliemr的Angular 2测试种子中，她通过父DebugElement对象访问NativeElement。 it('should render "Hello World!" after click', async(() => { builder.createAsync(HelloWorld).then((fixture: ComponentFixture<HelloWorld>) => { fixture.detectChanges(); let compiled = fixture.debugElement.nativeElement; compiled.querySelector('h1').click(); fixture.detectChanges(); …

73 javascript  unit-testing  dom  angular  jasmine 

问题是如此之多，无论是在网上还是在网络上-如何检查DOM是否已加载到Javascript中？但是这里有个陷阱： 不使用jQuery等框架； 在不知道您的脚本是通过静态放置的<script>标记还是通过其他Java脚本加载之后，DOM已经加载了很长时间。 是否可以或多或少可靠地做到这一点并且具有跨浏览器的兼容性？ 补充：让我澄清一下：我正在编写一个独立的.JS文件，该文件可以包含在任意网页中。我想在加载DOM之后执行代码。但我不知道如何我的脚本将被包括在内。可以通过放置<script>标签（在这种情况下，传统onload或DOM就绪解决方案将起作用）；或者可以通过AJAX或其他某种方式来加载它，而在DOM已经加载之后很久以后（因此前面提到的解决方案将永远不会触发）。

73 javascript  dom  domready 

正如这个问题所观察到的，新添加的元素上的CSS过渡立即被忽略了-过渡的结束状态立即被呈现。 例如，给定此CSS（此处省略前缀）： .box { opacity: 0; transition: all 2s; background-color: red; height: 100px; width: 100px; } .box.in { opacity: 1; } 此元素的不透明度将立即设置为1： // Does not animate var $a = $('<div>') .addClass('box a') .appendTo('#wrapper'); $a.addClass('in'); 我已经看到了触发过渡以获得预期行为的几种方法： // Does animate var $b = $('<div>') .addClass('box b') .appendTo('#wrapper'); setTimeout(function() { $('.b').addClass('in'); },0); // …

73 javascript  css  dom 

我正在Angular2应用程序上工作，我需要显示-但disable一个<a> HTML元素。正确的方法是什么？ 更新 请注意*ngFor，这会阻止使用选项，*ngIf而不是<a>完全渲染。 <a *ngFor="let link of links" href="#" [class.disabled]="isDisabled(link)" (click)="onClick(link)"> {{ link.name }} </a> 该打字稿组件有一个方法，看起来像这样： onClick(link: LinkObj) { // Do something relevant with the object... return false; } 我实际上需要防止元素被单击，而不仅仅是与CSS一起出现。我以为我首先需要潜在地绑定到该[disabled]属性，但这是不正确的，因为锚元素没有disabled属性。 我查看并考虑过使用，pointer-events: none但这妨碍了我的cursor: not-allowed工作方式－这是要求的一部分。

73 html  dom  typescript  angular  angular2-template 

我正在阅读有关两个CSS属性之间的区别display:none，visibility:hidden并且遇到了DOM重排术语。 该声明是 display: none导致DOM重排，而visibility: hidden不会。 所以我的问题是： 什么是DOM重排，它如何工作？

72 html  css  dom  visibility  reflow 

如何将childNode附加到javascript中的特定位置？ 我想将childNode添加到div中的第3个位置。它后面还有其他节点需要向后移动（3变为4，依此类推）

72 javascript  dom  parent-child