Tag: DOM

如何在纯JavaScript中切换元素的类?

我正在寻找一种方法来将这个jQuery代码(在响应菜单部分中使用)转换为纯JavaScript。 如果很难实现,可以使用其他JavaScript框架。 $('.btn-navbar').click(function() { $('.container-fluid:first').toggleClass('menu-hidden'); $('#menu').toggleClass('hidden-phone'); if (typeof masonryGallery != 'undefined') masonryGallery(); }); 提前致谢

JavaScript中的DOM和BOM是什么?

JavaScript中的DOM和BOM是什么? 如果有人能用通俗的话来解释这些,那就太棒了! 我想更深入地了解这些。

nodeValue与innerHTML和textContent。 如何select?

我使用普通的js来改变标签元素的内部文本,我不确定我应该使用innerHTML还是nodeValue或textContent。 我不需要创build新节点或更改HTML元素或任何东西 – 只需replace文本。 这是一个代码示例: var myLabel = document.getElementById("#someLabel"); myLabel.innerHTML = "Some new label text!"; // this works myLabel.firstChild.nodeValue = "Some new label text!"; // this also works. myLabel.textContent = "Some new label text!"; // this also works. 我查看了jQuery源代码,它使用了nodeValue一次,但innerHTML和textContent几次。 然后我发现这个jsperftesting,指示firstChild.nodeValue显着更快。 至less这就是我所理解的意思。 如果firstChild.nodeValue更快,那有什么用呢? 这是不是广泛支持? 还有其他的问题吗?

使用jQuery获取所选的选项ID

我试图使用jQuery根据选定的选项进行ajax请求。 有没有简单的方法来检索使用jQuery选定的选项id (例如“id2”)? <select id="my_select"> <option value="o1" id="id1">Option1</option> <option value="o2" id="id2">Option2</option> </select> $("#my_select").change(function() { //do something with the id of the selected option });

Javascript:如何dynamic创build新的div,改变它,移动它,以各种方式修改它?

我一直在挣扎几个小时,我疯了。 我想在页面加载时创build新的div。 这些div将显示为一个有序的组,它根据来自JSON文件的外部数据而变化。 我将需要做一个for循环,因为有超过100个div需要。 所以,我需要能够改变每个创build的高度,宽度,顶部/左侧等。 然而, document.getElementById("created_div").style.whatever什么都不做,我什至不能看到一个新的div出现。 我已经设置新的divs的高度/宽度为500px,背景为“红色”等,但没有新的div肯定出现。 我究竟做错了什么? 为什么这么难? 啧。 帮帮我!

XMLparsing – ElementTree与SAX和DOM

Python有几种方法来parsingXML … 我理解用SAXparsing的基础知识。 它作为一个streamparsing器,具有事件驱动的API。 我也了解DOMparsing器。 它将XML读入内存,并将其转换为可以用Python访问的对象。 一般来说,根据你需要做什么,记忆的限制,性能等,在2之间进行select是很容易的。 (希望我到目前为止是正确的)。 从Python 2.5开始,我们也有ElementTree 。 这与DOM和SAX相比如何? 哪个更类似? 为什么比以前的parsing器更好?

document.addEventListener和window.addEventListener之间的区别?

当使用PhoneGap时,它有一些使用document.addEventListener默认JavaScript代码,但是我有自己的代码,使用window.addEventListener : function onBodyLoad(){ document.addEventListener("deviceready", onDeviceReady, false); document.addEventListener("touchmove", preventBehavior, false); window.addEventListener('shake', shakeEventDidOccur, false); } 有什么区别,哪个更好用?

我怎样才能访问通过DOM容器的Highcharts图表

当我向div容器渲染一个highcharts图表时,如何通过div-Container访问图表对象? 我不想让图表variables全球。 var chart = new Highcharts.Chart({ chart: { renderTo: "testDivId", … 我想访问上面的上下文之外的图表(伪代码)来调用函数: var chart = Highcharts.Chart("testDivId"); //access from id chart.redraw();

jquery – 从一个非常大的表中删除所有行的最快方法

我认为这可能是一个很快的方法来删除一个非常大的表(3000行)的内容: $jq("tbody", myTable).remove(); 但它需要大约五秒钟完成在Firefox中。 我在做一些愚蠢的事情(除了试图加载3000行到浏览器)? 有没有更快的方法来做到这一点?

如何在javascript中获取DOM元素的HTML

想象一下,我有以下的HTML: <div><span><b>This is in bold</b></span></div> 我想获得div的HTML,包括div本身。 Element.innerHTML只返回: <span>…</span> 有任何想法吗? 谢谢