程序设计 dom

5

在研究一个简单的HTMLElement包装器的想法时，我偶然发现了Internet Explorer和Chrome的以下内容：对于DOM树中具有ID的给定HTMLElement，可以使用其ID作为变量名来检索div。所以对于像 <div id="example">some text</div> 在Internet Explorer 8和Chrome中，您可以执行以下操作： alert(example.innerHTML); //=> 'some text' 要么 alert(window['example'].innerHTML); //=> 'some text' 那么，这是否意味着DOM树中的每个元素都将转换为全局名称空间中的变量？这是否还意味着可以使用它代替getElementById这些浏览器中的方法？

364 javascript dom global-variables getelementbyid identifier

15

动态更改网站图标

我有一个根据当前登录用户进行品牌标记的Web应用程序。我想将页面的图标更改为自有品牌的徽标，但是我找不到任何代码或任何示例，去做这个。以前有人成功做到过吗？我正在想象一个文件夹中有十二个图标，并且要使用的favicon.ico文件的引用是随HTML页面一起动态生成的。有什么想法吗？

347 javascript html dom favicon

6

如果删除了DOM元素，是否还将其侦听器也从内存中删除了？

如果删除了DOM元素，它的侦听器也会从内存中删除吗？

336 javascript jquery dom memory memory-leaks

13

违反长时间运行的JavaScript任务花费了xx毫秒

最近，我得到了这种警告，这是我第一次得到警告： [Violation] Long running JavaScript task took 234ms [Violation] Forced reflow while executing JavaScript took 45ms 我正在做一个小组项目，我不知道这是从哪里来的。这从来没有发生过。突然，当其他人参与该项目时，它就出现了。我如何找到导致此警告的文件/功能？我一直在寻找答案，但主要是关于如何解决的解决方案。如果我什至找不到问题的根源，我将无法解决。在这种情况下，警告仅在Chrome上显示。我尝试使用Edge，但没有收到任何类似的警告，并且尚未在Firefox上对其进行测试。我什至从以下错误jquery.min.js： [Violation] Handler took 231ms of runtime (50ms allowed) jquery.min.js:2

330 javascript google-chrome dom

12

onKeyPress与。onKeyUp和onKeyDown

这三个事件之间有什么区别？谷歌搜索后发现：在onKeyDown当用户按下一个键触发事件。在onKeyUp当用户释放一个键触发事件。 onKeyPress当用户按下并释放一个键（onKeyDown后跟onKeyUp）时，将触发该事件。我了解前两个，但onKeyPress与onKeyUp？是否可以在onKeyUp不按（）的情况下释放键（onKeyDown）？这有点令人困惑，有人可以帮我解决这个问题吗？

329 javascript dom dom-events

8

jQuery计算子元素

<div id="selected"> <ul> <li>29</li> <li>16</li> <li>5</li> <li>8</li> <li>10</li> <li>7</li> </ul> </div> 运行代码段隐藏结果展开摘要我想计算中的<li>元素总数<div id="selected"></div>。使用jQuery怎么可能.children([selector])？

324 javascript jquery dom

13

如何使用内联onclick属性停止事件传播？

考虑以下： <div onclick="alert('you clicked the header')" class="header"> <span onclick="alert('you clicked inside the header');">something inside the header</span> </div> 如何做到这一点，以便当用户单击跨度时不会触发div的click事件？

313 javascript html events dom

14

普通JavaScript的“ hasClass”函数是什么？

jQuery如何hasClass使用普通的JavaScript？例如， <body class="foo thatClass bar"> 什么是JavaScript的方式来询问是否<body>有thatClass？

313 javascript dom

6

通过绝对定位的元素传递鼠标事件

我试图捕获一个元素上有另一个绝对定位的元素上的鼠标事件。现在，绝对定位元素上的事件将其击中并冒泡至其父对象，但我希望它对这些鼠标事件“透明”并将其转发到其背后的任何对象。我应该如何实施呢？

307 javascript html events dom javascript-events

4

JavaScript中的child和childNodes有什么区别？

我发现自己使用JavaScript，并且遇到了childNodes和children属性。我想知道它们之间有什么区别。还有一个相对于另一个而言更可取吗？

305 javascript dom

30

如何将参数传递给addEventListener侦听器函数？

情况有点像- var someVar = some_other_function(); someObj.addEventListener("click", function(){ some_function(someVar); }, false); 问题在于，的值someVar在的侦听器函数中不可见，在该函数addEventListener中它可能被视为新变量。

304 javascript dom addeventlistener

5

Node对象和Element对象之间的区别？

我对Node对象和Element对象完全感到困惑。 document.getElementById()返回Element对象，同时document.getElementsByClassName() 返回NodeList对象（元素或节点的集合？）如果div是元素对象，那么div节点对象呢？什么是节点对象？文档对象，元素对象和文本对象也是节点对象吗？根据David Flanagan的书“文档对象，其元素对象和文本对象都是Node对象”。那么，一个对象如何能够继承Element对象以及Node对象的属性/方法呢？如果是，我猜想节点类和元素类在原型继承树中是相关的。 <div id="test"> <p class="para"> 123 </p> <p class="para"> abc </p> </div> <p id="id_para"> next </p> document.documentElement.toString(); // [object HTMLHtmlElement] var div = document.getElementById("test"); div.toString(); // [object HTMLDivElement] var p1 = document.getElementById("id_para"); p1.toString(); // [object HTMLParagraphElement] var p2 = document.getElementsByClassName("para"); p2.toString(); …

301 javascript html dom

9

无法理解addEventListener中的useCapture参数

我已阅读https://developer.mozilla.org/en/DOM/element.addEventListener上的文章，但无法理解useCapture属性。定义有：如果为true，则useCapture指示用户希望启动捕获。启动捕获后，所有指定类型的事件都将分派给注册的侦听器，然后才分派给DOM树中其下的任何EventTarget。在树中冒泡的事件不会触发指定使用捕获的侦听器。在此代码中，parent事件在child之前触发，因此我无法理解其行为。Document对象的usecapture为true，child div的usecapture设置为false，并且遵循了useuseture的文档。因此为什么document属性优先于child。 function load() { document.addEventListener("click", function() { alert("parent event"); }, true); document.getElementById("div1").addEventListener("click", function() { alert("child event"); }, false); } <body onload="load()"> <div id="div1">click me</div> </body> 运行代码段隐藏结果展开摘要

290 javascript dom dom-events

14

jQuery：text（）和html（）有什么区别？

jQuery中的text（）和html（）函数有什么区别？ $("#div").html('<a href="example.html">Link</a><b>hello</b>'); 与 $("#div").text('<a href="example.html">Link</a><b>hello</b>');

276 jquery dom

14

JavaScript中的“提交不是函数”错误

谁能告诉我这段代码出了什么问题？我尝试使用JavaScript提交表单，但显示错误“ .submit不是函数”。请参阅以下代码的更多详细信息： <form action="product.php" method="get" name="frmProduct" id="frmProduct" enctype="multipart/form-data"> <input onclick="submitAction()" id="submit_value" type="button" name="submit_value" value=""> </form> <script type="text/javascript"> function submitAction() { document.frmProduct.submit(); } </script> 我也尝试过这个： <script type="text/javascript"> function submitAction() { document.forms["frmProduct"].submit(); } </script> 两者都显示相同的错误:(

263 javascript html dom submit

Questions tagged «dom»