草庐IT

dom-repeat

全部标签

javascript - 如何在不附加到 DOM 的情况下正确删除 html5 音频?

使用Javascript,我有一个使用createElement("audio")创建音频元素的函数,并开始循环播放而不使用appendChild(),我的意思是无需将其附加到DOM。创建的元素保存在一个变量中,我们称它为music1:music=document.createElement("audio");music.addEventListener("loadeddata",function(){music.play();});music.setAttribute("src",music_Source);我想做的是改变播放的音乐,如果可能的话使用相同的函数,并将元素存储在相同的变

javascript - 有没有办法获取 DOM 元素的边界框(以像素为单位)?

有没有办法用Javascript获取DOM元素的边界框坐标?显然我可以根据各种CSS属性计算它:width、height等等。我问是因为有许多其他图形平台提供这种方法。例如,显然它可以按照thispost在XUL中完成。,它描述了一个方法getBoundingClientRect()。(我的目标是检查两个元素是否重叠。) 最佳答案 其实,有一个内置的方法来获取边界矩形:Element.getBoundingClientRect该方法返回一个对象,其中包含元素的(视觉)顶部、右侧、底部和左侧坐标及其宽度和高度。Example(JSFi

html - 在 DOM 中存储 JSON 的最佳实践

我想使用HTML模板呈现一些json数据。我还没有开始实现任何东西,但我希望能够将json中的数据值“设置”到包含一条记录模板的html元素,或者使用一些参数呈现一些项目集合每个项目的模板html,而且还能够以与用于呈现项目的源JSON相同的格式获取JSON对象(我希望我的初始JSON包含有关记录行行为的更多信息,而无需制作ajax请求检查用户是否可以或不能对该记录执行某些操作,并且并非所有这些信息都在模板中可见)。我知道我可以为要存储的对象的每个属性创建一个带有输入元素的隐藏表单,以及与JSON之间的映射器函数,但这对我来说听起来有点矫枉过正,我不喜欢那样,我想要一些更轻的“信封”。

javascript - jQuery remove 函数真的会删除 Dom 元素吗?

我真的很想知道jQueryremove函数真正从DOM中删除元素。首先,我看了here但答案并不令人信服。当我注意到我仍然能够操作调用了删除函数的元素时,我遇到了这个问题。我的代码:Thisisadivvardiv=$('#div');$('#div').remove();$('#container').append(div);注意:我的问题不是如何解决这个问题?,而是我想了解这里发生了什么!实际上,此代码不会从dom中删除#div,但如果我将任何data设置为#div,它将丢失。我现在对remove函数的行为感到很困惑。谁能解释一下?DEMO我确信div变量不仅仅是dom元素的克隆,

javascript - 根据 DOM 中的位置对包含 DOM 元素的数组进行排序

上下文我已经构建了一个jQuery插件,我目前正在以一种将DOM元素存储在数组中的方式工作,主要是为了能够在这些元素旁边存储更多信息,而不必使用not-so-快速data()。那个数组看起来像:[{element:DOMElement3,additionalData1:…,additionalData2:…},{element:DOMElement1,additionalData1:…,additionalData2:…},{element:DOMElement2,additionalData1:…,additionalData2:…},]此插件的工作方式阻止我以可预测的顺序将这些元素

javascript - 没有 ng-repeat 的 Angular 过滤器列表

有没有什么好的方法可以在不使用ng-repeat的情况下使用angular来过滤列表?一开始我不想用javascript来绘制列表,但我想在之后使用angular来过滤它。例子:BananaAppleOrange我想使用搜索框来过滤现有的html。(一般情况下请不要使用ng-repeat或jQuery给出任何示例) 最佳答案 您可以编写一个简单的指令来处理显示/隐藏:app.directive('filterList',function($timeout){return{link:function(scope,element,att

javascript - 无法将 DOM 元素附加到 DIV 节点 : Uncaught HierarchyRequestError: Failed to execute 'appendChild' on 'Node'

我使用DOM解析器解析了一个字符串,然后尝试将对象附加到容器中,如下所示:varnewCategory=""+""+""+" "+""+""+""+""+""+""+"";//gettheobjecttoappendtovarstack=document.getElementById('newCategories');varparser=newDOMParser();varnewNode=parser.parseFromString(newCategory,"text/xml");stack.appendChild(newNode);但是我得到以下错误:UncaughtHie

javascript - 如何创建 DOM 构造函数的实例?

当我尝试创建DOM的HTMLElement实例时,varoElement=newHTMLElement();它抛出:TypeError:Illegalconstructor为什么我们不能实例化DOM的构造函数?有办法吗?谢谢 最佳答案 Object.create(HTMLElement.prototype,{}) 关于javascript-如何创建DOM构造函数的实例?,我们在StackOverflow上找到一个类似的问题: https://stackover

javascript - HTML5 音频 - 无效状态错误(或 Dom 异常 11)测试

我正在动态创建音频文件并即时更改源。但是,在我更改src并尝试更改currentTime之后,我总是会收到无效状态错误。你如何着手测试它?或者更好地在准备就绪时触发事件,然后调用currentTime来更改其音频位置。this.doneLoading=function(aTime){try{this.mAudioPlayer.currentTime=aTime/1000.0;}catch(err){console.log(err);}this.mAudioPlayer.play();}this.playAtTime=function(aTime){Debug("playattimeau

javascript - swapCache() 上的 DOM 异常错误 11

我正在使用应用程序缓存,但在使用swapCache函数时遇到了问题。我创建了世界上最简单的缓存list文件:CACHEMANIFEST#Timestamp:2013-03-0111:28:49CACHE:media/myImage.pngNETWORK:*第一次运行该应用程序会在控制台中显示以下内容:CreatingApplicationCachewithmanifesthttp://blah_blah/offline.appcacheApplicationCacheCheckingeventApplicationCacheDownloadingeventApplicationCach