Questions tagged «dom»

是否有可能切换元素的可见性，使用功能.hide()，.show()或.toggle()？ 你会如何测试一个元素是否visible还是hidden？

7736 javascript  jquery  dom  visibility 

如何onclick使用JavaScript 响应事件来更改HTML元素的类？

2776 javascript  html  dom 

因此jQuery 1.6具有新功能prop()。 $(selector).click(function(){ //instead of: this.getAttribute('style'); //do i use: $(this).prop('style'); //or: $(this).attr('style'); }) 还是在这种情况下他们做同样的事情？ 如果我确实必须切换到using prop()，attr()那么如果我切换到1.6 ，所有旧呼叫都会中断？ 更新 selector = '#id' $(selector).click(function() { //instead of: var getAtt = this.getAttribute('style'); //do i use: var thisProp = $(this).prop('style'); //or: var thisAttr = $(this).attr('style'); console.log(getAtt, thisProp, thisAttr); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> <div id='id' style="color: …

2296 javascript  jquery  dom  attr  prop 

我想知道如何相对于浏览器窗口获取HTML元素（例如img和div在JavaScript中）的X和Y位置。

1562 javascript  html  css  dom  position 

我想用JavaScript找出当前关注的元素。我一直在浏览DOM，但尚未找到我需要的东西。有办法做到这一点吗？ 我寻找这个的原因： 我正在尝试制作箭头之类的键并enter浏览输入元素表。选项卡现在可以使用，但是可以输入，默认情况下，箭头没有显示。我已经设置了关键处理部分，但是现在我需要弄清楚如何在事件处理功能中转移焦点。

1309 javascript  dom 

我正在重构一些旧的JavaScript代码，并且正在进行很多DOM操作。 var d = document; var odv = d.createElement("div"); odv.style.display = "none"; this.OuterDiv = odv; var t = d.createElement("table"); t.cellSpacing = 0; t.className = "text"; odv.appendChild(t); 我想知道是否有使用jQuery的更好方法。我一直在尝试： var odv = $.create("div"); $.append(odv); // And many more 但是我不确定这是否更好。

1251 javascript  jquery  html  dom  dhtml 

有一个我要扩展和隐藏的表列： td当我按类而不是按元素的名称选择jQuery时，jQuery似乎隐藏了这些元素。 例如，为什么这样做： $(".bold").hide(); // selecting by class works $("tcol1").hide(); // select by element name does not work 请注意下面的HTML，第二列的所有行都具有相同的名称。如何使用name属性创建此收藏集？ <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr> <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr> <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr>

1224 javascript  jquery  html  dom  jquery-selectors 

有没有一种有效的方法来判断DOM元素（在HTML文档中）当前是否可见（显示在视口中）？ （问题是针对Firefox的。）

949 javascript  html  firefox  dom  browser 

我正在使用JavaScript进行搜索。我会使用一种表格，但是它弄乱了我页面上的其他内容。我有此输入文本字段： <input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField"/> 这是我的JavaScript代码： <script type="text/javascript"> function searchURL(){ window.location = "http://www.myurl.com/search/" + (input text value); } </script> 如何从文本字段获取值到JavaScript？

873 javascript  dom  html-input 

最近，我遇到了一个非常讨厌的错误，该错误中的代码是<select>通过JavaScript动态加载的。动态加载的<select>具有预先选择的值。在IE6中，我们已经有代码来修复selected <option>，因为有时<select>的selectedIndex值可能与selected <option>的index属性不同步，如下所示： field.selectedIndex = element.index; 但是，此代码无法正常工作。即使selectedIndex正确设置了字段，最终也会选择错误的索引。但是，如果我alert()在正确的时间插入一条语句，则会选择正确的选项。考虑到这可能是某种时序问题，我尝试了一些以前在代码中看到的随机现象： var wrapFn = (function() { var myField = field; var myElement = element; return function() { myField.selectedIndex = myElement.index; } })(); setTimeout(wrapFn, 0); 这有效！ 我已经为我的问题找到了解决方案，但是我不知道为什么这可以解决我的问题，对此我感到不安。有人有官方解释吗？通过使用调用函数“稍后”可以避免出现什么浏览器问题setTimeout()？

872 javascript  dom  event-loop 

我将如何删除JavaScript中DOM节点的所有子元素？ 说我有以下（丑陋的）HTML： <p id="foo"> <span>hello</span> <div>world</div> </p> 我抓住了我想要的节点，如下所示： var myNode = document.getElementById("foo"); 我怎么能去掉的孩子foo，这样正好<p id="foo"></p>还剩下什么？ 我可以做： myNode.childNodes = new Array(); 或者我应该使用某种组合removeElement？ 我希望答案直接是DOM；如果您还提供jQuery答案以及仅DOM答案，则需要加分。

872 javascript  dom 

我有一个页面，其中一些事件侦听器附加到输入框和选择框。有没有一种方法可以找出哪些事件侦听器正在观察特定的DOM节点以及什么事件？ 使用以下事件附加事件： Prototype的 Event.observe ; DOM的addEventListener； 作为元素属性element.onclick。

840 javascript  events  dom 

除了可以单独调用$("#item").removeClass()一个元素可能没有的每个类之外，还有一个可以调用的函数可以从给定元素中删除所有CSS类吗？ jQuery和原始JavaScript都可以使用。

778 javascript  jquery  dom 

还有insertBefore()在JavaScript，但我怎么能插入一个元素后，另一种元素，而不使用jQuery或其他库？

757 javascript  dom  insert  append 

我有一个表示元素的HTML字符串：'<li>text</li>'。我想将其附加到DOM中的一个元素（ul以我为例）。如何使用Prototype或DOM方法做到这一点？ （我知道我可以在jQuery中轻松地做到这一点，但不幸的是我们没有使用jQuery。）

621 javascript  dom  prototypejs