草庐IT

video_dom

全部标签

javascript - 将 getElementById 用于 [尚未] 在 DOM 中的元素?

据我所知,document.getElementById('myId')只会查找文档中已有的HTML元素。假设我通过JS创建了一个新元素,但我还没有将它附加到文档主体,是否有一种方法可以像我通常使用getElementById那样通过它的id访问这个元素?varnewElement=document.createElement('div');newElement.id='myId';//Withoutdoing:document.body.appendChild(newElement);varelmt=document.getElementById('myId');//won'twor

javascript - 用于普通 javascript 对象而不是 DOM 元素的 jquery 选择器

我刚开始使用jquery,我非常喜欢使用选择器。我突然想到,这个成语是遍历对象树(例如,JSON查询结果)的一种非常好的方式。例如,如果我有这样一个对象:varobj={'foo':1,'bar':2,'child':{'baz':[3,4,5]}};我希望能够编写类似$('childbaz:last',obj)的代码并得到5。我知道链接不起作用,但我仍然喜欢选择运算符。任何人都知道这样的野兽是否存在,或者写一个最简单的方法是什么? 最佳答案 这是让jQuery本身在对象上工作的概念验证实现。通过对象包装器(FakeNode),您可

javascript - 将大型元素/数据集附加到 dom 的性能

我一次附加大量表格行元素,遇到了一些主要瓶颈。目前我正在使用jQuery,但如果它能完成工作,我愿意接受基于javascript的解决方案。我需要在给定时间追加0-100表行的任何地方(实际上可能更多,但我会对超过100行的任何内容进行分页)。现在我将每个表行单独附加到dom...loop{..buildhtmlstr...$("#myTable").append(row);}然后我将它们全部淡入淡出$("#myTabletr").fadeIn();这里有几件事需要考虑...1)我将数据绑定(bind)到每个单独的表行,这就是为什么我首先从批量追加切换到追加单独的行。2)我真的很喜欢淡

javascript - 为什么 javascript 中的对象字面量会保存不必要的 DOM 引用?

来自this文档,不要这样做car=newObject();car.make="Honda";car.model="Civic";car.transmission="manual";car.miles=1000000;car.condition="needswork";改为这样做car={make:"Honda",model:"Civic",transmission:"manual",miles:1000000,condition:"needswork"}因为ThissavesspaceandunnecessaryDOMreferences.但是DOM只是在HTML、XHTML或XML

javascript - 删除未使用的 DOM 元素以提高性能

我正在编写单页应用程序。最初提供页面时,它包含许多DOM元素,这些元素包含我注入(inject)到页面中的json字符串。当页面加载到客户端时,首先发生的事情是这些DOM元素从json解析为javascript对象,然后它们再也不会被使用。从DOM中删除它们并减小其大小是否会带来性能优势?关于这方面,我还没有找到任何确凿的数据。有关信息,这些元素的大小约为500K。感谢您的建议。 最佳答案 WouldtherebeaperformancebenefitintodeletingthemfromtheDOMandreducingitss

javascript - 文档在 dom 操作后准备就绪

我正在用Phonegap做一个应用程序,我正在使用一个自建的幻灯片切换来更改页面。它是这样工作的:每个页面都是一个高度和宽度为100%的div,因此如果我更改页面,我会将下一个div设置为当前事件的右侧并将两者都滑动到左侧。现在问题来了:滑动工作正常,但它是在右侧div的内容完全加载之前执行的。所以右边的div滑入空白,只有几百毫秒后内容才会出现。我用document.ready试过了,但据我所知,这个事件只在第一次加载DOM时执行。在我用Javascript操作了DOM之后,有人知道如何等待DOM再次完全呈现吗? 最佳答案 在您的

javascript - DOM 元素的 JavaScript 相等运算符是否跨浏览器?

对于DOM元素,==和===能否在所有浏览器中正常工作?如果代码以两种不同的方式获取对原始DOM元素的引用,那么它们在所有浏览器中是否都等于==和===? 最佳答案 Will==and===workcorrectlyinallbrowsersforDOMelements?是的,这些相等运算符将按照ECMAScript标准定义的方式工作。请注意,==经常会做开发人员意想不到的事情,例如在与字符串值进行比较时转换为字符串。这将使以下陈述为真,尽管它可能不是所需的结果:document.createElement('div')=='[ob

javascript - JavaScript 如何将 DOM 元素存储在变量中?

我的意思是当您执行以下操作时,JavaScript如何存储DOM元素:varfoo=document.getElementsByTagName('p');foo变成了什么?一组对象?以及如何向该变量添加更多元素,例如:varbar=document.form[0].getElementsByTagName('input');//5elementsvarfoo=document.form[1].getElementsByTagName('input');//4elementsbar=+foo;for(i=0;i是否可以将更多相同类型的元素添加到一个已经有元素的变量中?我是否必须遍历要添加

javascript - 调用 $(this) 时,jQuery 会重新查询 DOM 吗?

在下面的代码中,当$(this)被调用时,jQuery是否重新查询DOM,就好像选择器已传递给它一样(使用对象的某些属性作为选择器),或者jQuery是否保留先前返回的对象?$('.someButton').on('click',function(){$(this).remove();//Isthisanotherlookup,orjustawrapperforthepreviouslyreturnedobject?}); 最佳答案 它不会重新查询DOM,this已经是一个元素。jQuery只是将上下文设置为元素,调整长度,然后返回

javascript - 如何检查 DOM 引用是否已被销毁?

这个问题在这里已经有了答案:HowcanIcheckifanelementexistsinthevisibleDOM?(27个答案)关闭7年前。假设我以老式方式(或任何其他可以获得DOM引用的方式)选择一个元素:varel=document.getElementById('myFavoriteElement');然后我从DOM中删除该元素的父元素,从而也删除了el。或者我直接删除el。有没有办法检查el是否仍然是一个有效的引用,它所引用的HTML是否仍然存在于DOM中?类似于el.hasBeenDestroyed的东西作为bool属性,或者类似的东西?