程序设计 dom

25

使用普通的JavaScript（不是jQuery），是否可以检查元素是否包含类？目前，我正在这样做： var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": test.innerHTML = "I have class3"; break; case "class4": test.innerHTML = "I have class4"; break; default: test.innerHTML = ""; } …

585 javascript html css dom

16

jQuery查找向对象注册的事件处理程序

Наэтотвопросестьответына 堆栈溢出нарусском：JQuery的поискобработчикасобытияобъекта 我需要查找在对象上注册了哪些事件处理程序。例如： $("#el").click(function() {...}); $("#el").mouseover(function() {...}); $("#el")已注册点击和鼠标悬停。是否有一个函数可以找出并可能遍历事件处理程序？如果通过适当的方法无法在jQuery对象上进行操作，是否可以在普通的DOM对象上进行处理？

555 jquery events dom

5

DOM parentNode和parentElement之间的区别

有人可以用尽可能简单的方式解释我吗，经典DOM parentNode和Firefox 9 parentElement中新引入的有什么区别？

500 javascript firefox dom

9

为什么jQuery或诸如getElementById之类的DOM方法找不到元素？

什么是可能的原因document.getElementById，$("#id")或任何其他DOM方法/ jQuery选择没有找到的元素？问题示例包括： jQuery默默地未能绑定事件处理程序 jQuery的“吸气”方法（.val()，.html()，.text()）返回undefined 返回标准DOM方法会null导致以下几种错误：未捕获的TypeError：无法设置为null的属性“ ...”未捕获的TypeError：无法读取为null的属性“ ...” 最常见的形式是：未捕获的TypeError：无法将属性'onclick'设置为null 未捕获的TypeError：无法读取null的属性'addEventListener' 未捕获的TypeError：无法读取null的属性“样式”

483 javascript jquery dom

12

使用jQuery创建HTML元素的最有效方法是什么？

最近，我一直在做很多模态窗口弹出窗口，而我没有使用jQuery。我用来在页面上创建新元素的方法绝大多数遵循以下原则： $("<div></div>"); 但是，我感到这不是执行此操作的最佳或最有效的方法。从性能的角度来看，在jQuery中创建元素的最佳方法是什么？该答案具有以下建议的基准。

425 javascript jquery html dom

24

如何检查可见DOM中是否存在元素？

不使用该getElementById方法如何测试元素的存在？我已经建立了一个现场演示供参考。我也将在此处打印代码： <!DOCTYPE html> <html> <head> <script> var getRandomID = function (size) { var str = "", i = 0, chars = "0123456789abcdefghijklmnopqurstuvwxyzABCDEFGHIJKLMNOPQURSTUVWXYZ"; while (i < size) { str += chars.substr(Math.floor(Math.random() * 62), 1); i++; } return str; }, isNull = function (element) { var randomID = getRandomID(12), savedID = …

421 javascript dom variables element exists

16

如何使用JavaScript以编程方式设置选择框元素的值？

我有以下HTML <select>元素： <select id="leaveCode" name="leaveCode"> <option value="10">Annual Leave</option> <option value="11">Medical Leave</option> <option value="14">Long Service</option> <option value="17">Leave Without Pay</option> </select> 使用以leaveCode数字作为参数的JavaScript函数，如何在列表中选择适当的选项？

420 javascript html dom

30

检测React组件外部的点击

我正在寻找一种检测点击事件是否在组件外部发生的方法，如本文所述。jQuery最近的（）用于查看单击事件中的目标是否将dom元素作为其父元素之一。如果存在匹配项，则click事件属于子项之一，因此不被视为在组件外部。因此，在我的组件中，我想将单击处理程序附加到窗口。处理程序触发时，我需要将目标与组件的dom子代进行比较。 click事件包含“ path”之类的属性，该属性似乎包含事件经过的dom路径。我不确定要比较什么或如何最好地遍历它，并且我认为有人必须已经将其放在聪明的实用程序函数中了……不？

410 javascript dom reactjs

5

HTML中的属性和属性有什么区别？

在jQuery 1.6.1中进行更改之后，我一直试图定义HTML中的属性和属性之间的差异。查看jQuery 1.6.1发行说明中的列表（在底部附近），似乎可以对HTML属性和属性进行如下分类：属性：所有具有布尔值或UA计算得出的值，例如selectedIndex。属性：可以添加到既不是布尔也不包含UA生成值的HTML元素中的“属性”。有什么想法吗？

407 javascript html dom properties

12

HTMLCollection元素的For循环

我试图设置获取所有元素的ID HTMLCollectionOf。我写了以下代码： var list = document.getElementsByClassName("events"); console.log(list[0].id); for (key in list) { console.log(key.id); } 但是我在控制台中得到以下输出： event1 undefined 这不是我所期望的。为什么第二个控制台输出undefined却第一个控制台输出是event1？

405 javascript dom

11

如何使用jQuery选择文本节点？

我想获取一个元素的所有后代文本节点，作为jQuery集合。最好的方法是什么？

388 javascript jquery dom

12

不变违规：_registerComponent（…）：目标容器不是DOM元素

在制作平凡的React示例页面后，我收到此错误：未捕获的错误：始终违反：_registerComponent（...）：目标容器不是DOM元素。这是我的代码： /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App = React.createClass({ render() { return <h1>Yo</h1>; } }); React.renderComponent(<App />, document.body); HTML： <html> <head> <script src="/bundle.js"></script> </head> <body> </body> </html> 这是什么意思？

387 javascript dom reactjs

4

分别了解offsetWidth，clientWidth，scrollWidth和-Height

在StackOverflow上有几个关于offsetWidth / clientWidth / scrollWidth（和-Height分别）的问题，但是没有一个问题可以全面解释这些值是什么。另外，网络上有多个来源提供令人困惑或不正确的信息。您能否给出完整的解释，包括一些视觉提示？另外，这些值如何用于计算滚动条宽度？

385 html css dom

18

检查元素在DOM中是否可见

有什么方法可以检查元素在纯JS（无jQuery）中是否可见？因此，例如，在此页面中：Performance Bikes，如果将鼠标悬停在Deals上（位于顶部菜单上），则会显示一个交易窗口，但在开始时未显示。它在HTML中，但不可见。那么，给定一个DOM元素，我如何检查它是否可见？我试过了： window.getComputedStyle(my_element)['display']); 但它似乎不起作用。我想知道应该检查哪些属性。我想到： display !== 'none' visibility !== 'hidden' 还有其他我可能会想念的东西吗？

377 javascript dom

5

为什么说React的Virtual DOM概念比脏模型检查更有效？

我在（Pete Hunt：React：Rethinking Best Practices-JSConf EU 2013）上看到了一个React开发人员的演讲，演讲者提到对模型进行脏检查可能很慢。但是，由于虚拟DOM在大多数情况下应该比模型更大，难道计算虚拟DOM之间的差异实际上还没有表现得更好吗？我真的很喜欢Virtual DOM（尤其是服务器端渲染）的潜在功能，但是我想知道所有的优点和缺点。

372 javascript dom reactjs virtual-dom

Questions tagged «dom»