Tag: DOM

forEach方法Node.childNodes？: 在提供了一个关于.item()属性的错误答案后，我检查了form元素的返回childNodes的__proto__ ，并find了一个forEach方法。 Node.childNodes的forEach方法没有记载在NodeList的规范中， MDN的Methods或Interface NodeList中，也没有在使用forEach方法或链接到该Question的页面迭代NodeList中提及; 尽pipe它出现在Chromium 50中。该方法是否仅在相对较新版本的Chrome / Chromium中可用？如果是的话，这是logging？有没有关于Node.childNodes的forEach()方法的Node.childNodes ？ document.querySelector("form").addEventListener("submit", function(e) { e.preventDefault(); var form = e.target; form.childNodes.forEach(function(el) { if (el.tagName === "INPUT" && el.type !== "submit") snippet.log("name:" + el.name + ", value:" + el.value) }); }); <form> <input type="text" name="firstName" value="The first name"> <input type="text" name="lastName" value="The last name"> […]

如何将jsfiddle.net的代码放入我的网站？: 我一直试图在网页底部创build一个小框，当滚动时会展开/popup，然后在鼠标移开时再次closures。我发现这个职位的链接jsfiddle.net（我一直在摆弄），并创build了一些工作完全一样，我想在JSFiddle查看时。但是当我在我的网站上popup时，我无法运行它（我认为这可能与onLoad设置有关，但是我不确定）。这是我在JSFiddle中创build的： JavaScript的 $('#box').hover(function() { $(this).animate({ height: '220px' }, 150); }, function() { $(this).animate({ height: '20px' }, 500); }); CSS #box { position: absolute; width: 300px; height: 20px; left: 33%; right: 33%; min-width: 32%; bottom: 0; background-color: #000000; } HTML <div id="box"></div> 这在JSFiddle中可以正常工作，但是当我尝试将代码插入到我的文件中并将它们链接在一起时不行。如果我将JSFiddle中的下拉框从onLoad或onDomReady为其他任何内容，它将停止工作，但代码不会更改。所以我想我不得不在其他地方添加别的东西。正如你可能猜到的，当谈到JavaScript时，我是一个完全新手，所以我肯定我没有做正确的事情。有人能告诉我如何保存JavaScript代码，并将其链接到我的网页，所以它会像JSFiddle一样工作？

检测浏览器是否处于全屏模式: 有什么方法可靠地检测浏览器是否在全屏模式下运行？我很确定没有任何浏览器API可以查询，但是有没有人通过检查和比较由DOM公开的某些高度/宽度度量来实现它？即使它只适用于某些浏览器，我也有兴趣听到它。

什么是input元素的innerHTML？: 我只是试图从维基百科的铬控制台上做到这一点。我将光标置于search栏中，然后尝试执行document.activeElement.innerHTML += "some text"但不起作用。我search了一下，看看其他的属性和属性，不知道我做错了什么。 activeElementselect器正常工作，它正在select正确的元素。编辑：我只是发现它是value属性。所以我想改变我的问题。为什么不改变input元素的innerHTML工作？为什么他们有这样的财产，如果我不能做任何事情呢？

JavaScript访问SVG的内部DOM: test.php是一个用PHP生成的SVG对象。 <object data="test.php" type="image/svg+xml" id="SVG" /> <script> var mySVG = document.getElementById("SVG"); var svgDoc = mySVG.contentDocument; svgDoc为null。（所以我不能通过JS访问svg的元素。）它应该工作，看这个问题。我究竟做错了什么？我怎样才能得到我的SVG的contentDocument ？

如何使用DOMparsing器: 我是新来的DOMparsing在PHP中：我有一个HTML文件，我试图parsing。它有一堆这样的DIV： <div id="interestingbox"> <div id="interestingdetails" class="txtnormal"> <div>Content1</div> <div>Content2</div> </div> </div> <div id="interestingbox"> …… 我正在尝试使用PHP获取多个div框的内容。我怎样才能使用DOMparsing器来做到这一点？谢谢！

JavaScript NodeList: 有没有办法join由2个document.getElementsByTagName调用返回的2个NodeLists？说，我有以下代码 var inputs = documentElement.getElementsByTagName('input'); var selects = document.getElementsByTagName('select'); 我想循环的结果。在一个循环中可能吗？先谢谢你！

如何在github源浏览器中完成AJAX？: Github有一个非常好的源浏览器。在repo中的不同path之间导航会生成ajax调用来加载内容（如在firebug日志中可以清楚地看到的那样）。 ajax调用返回要显示的新文件列表的html。除了更改文件的视图列表之外，URL也会更改。但是，它不使用像大多数Ajax深层链接网站（使用＃）的片段。在github整个url改变。例如在Django回购在https://github.com/django/django去django文件夹将生成一个Ajax请求到https://github.com/django/django/tree/master/django?slide=1&_=1327709883334其中将返回该文件夹的HTML内容。链接也将更改为https://github.com/django/django/tree/master/django 。正如你可以看到这个新的链接不使用片段。这是怎么做的？我一直认为，基于AJAX的网站必须使用URL片段（＃）来实现深层链接，但显然不是这样。

有任何浏览器实现DOM3的EventListenerList？: 答案在2010年3月没有回来：浏览器EventListenerList实现我想知道自那以后是否有进展。如果答案仍然没有…什么时候任何浏览器可以支持它的迹象？