jjzjj

element-iterparse

全部标签

javascript - element.scrollTop 总是返回 0

我正在尝试获取元素的scrollTop位置,但它总是返回0。我做错了什么,我该如何解决?JSFiddlevarinner=document.getElementById('inner');window.addEventListener('scroll',function(){console.log(inner.scrollTop);})#outer{background-color:tan;height:1000px;}#first{background-color:bisque;height:200px;}#inner{background-color:aquamarine;heig

javascript - jQuery element.closest(...).attr 在使用 each 时不是一个函数

在遍历某些DOM元素时,我发现无法对它们使用.data或.attr:$('.running').each(index,element)=>console.logelement.closest('[data-id]')让我明白...但是$('.running').each(index,element)=>console.logelement.closest('[data-id]').data('id')抛出UncaughtTypeError:element.closest(...).dataisnotafunction 最佳答案 cl

javascript - 为什么 element.style 在 JS 中总是返回空?

当您在css中定义display:block时,element.style.display总是返回空的。console.log(document.getElementById('test').style.display)#map{display:block;}test但是如果你在该元素中设置样式,那么我们可以获得样式。显示详细信息。console.log(document.getElementById('test').style.display)test我不想要解决方案,因为我知道有很多解决方案:getElementById().style.displaydoesnotworkShow

javascript - jQuery UI draggable element dropped into sortable

我有一个可拖动项列表,我希望能够将它们拖动到可排序的内容block上。这是我的标记:OneTwoFooBar问题是,我希望拖动的项目在拖动开始时“变成”一个block,并在它被放下时保持一个block。我试过这个:$('.itemsdiv').draggable({helper:function(e){return$('').addClass('block').text($(e.target).text());},connectToSortable:".content"});$('.content').sortable();​fiddle:http://jsfiddle.net/MF4

javascript - Element.querySelector 未定义

为什么此代码会在控制台中引发错误读取TypeError:pizzaBox.querySelectorisnotafunction。(在'pizzaBox.querySelector('h6')'中,'pizzaBox.querySelector'未定义)?functionaddToppingsToAll(toppings){varpizzaBoxHolder=document.getElementById("PizzaBoxHolder");varPizzaBoxList=pizzaBoxHolder.childNodes;for(vari=0;i 最佳答案

javascript - Aurelia.js : How do I animate an element when bound value changes?

我正在使用Aurelia.js对于我的用户界面。假设我有以下View标记:${item.name}${item.value}绑定(bind)到模型“项目”。当模型中的一个值发生变化时,我想为显示更改值的单元格设置动画。我怎样才能做到这一点? 最佳答案 这可以用Aurelia来完成customattributes特征。创建一个新的javascript文件来描述属性(我将属性命名为“animateonchange”):import{inject,customAttribute}from'aurelia-framework';import

javascript - 使用 <compose view-model ="./my-element"> 和 <my-element> 有什么区别?有哪些场景比较适合?

在过去的四个月里,我和一个队友一直在Aurelia中构建应用程序,他和我一直在以这两种不同的方式创建和使用组件。我想保持一定的一致性并将所有内容更改为两种样式中的一种,但我不知道哪一种更适合或更适合我们的需求。我选择使用因为对我来说它感觉更干净并且适合我遇到的每一个需求,但如果使用自定义元素客观上更好,我想切换到那个。例如:(他的View模型:)import{bindable,bindingMode}from'aurelia-framework';exportclassHisWay{@bindable({defaultBindingMode:bindingMode.twoWay})da

javascript - 在 Safari 5.1.2 中传递 Element.ALLOW_KEYBOARD_INPUT 时 webkitRequestFullScreen 失败

尝试使用javascript全屏api时,在Safari5.1.2中遇到以下问题。通过将以下行复制并粘贴到浏览器的已加载页面上,您可以看到效果。这适用于Chrome15和Safari5.1.2:javascript:document.querySelector('body').webkitRequestFullScreen();这在Chrome15中有效,但在Safari5.1.2中静默失败:javascript:document.querySelector('body').webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);AL

Javascript 无法通过 element.style.maxHeight 获取元素的最大高度

这个问题在这里已经有了答案:HowtogetanHTMLelement'sstylevaluesinJavaScript?(5个答案)关闭7年前。我正在用javascript制作一个简单的Accordion菜单。我希望能够通过cssmax-height和min-height值设置元素的紧凑高度和扩展高度。出于某种原因,当我尝试检索javascript中元素的最小高度和最大高度以用于动画目的时,我得到一个空字符串,而不是像它应该的那样,例如“500px”。最大高度值在css中设置,例如#id{最小高度:40px;最大高度:500px;都设置好了,但是当我在我的javascript中放置一

javascript - 是否有 'angular.element($0).scope()' 的 Angular 2 等价物

因此,出于我的罪过,我正在进行Angular2项目。我在旧的Angular1工作中一直使用angular.element($0).scope()来检查一个元素,并在开发工具中查看当时范围内的内容。这非常有用,Angular2中有类似的东西吗? 最佳答案 Augury是一个很好的建议。如果你想直接访问使用ng.probe($0)另见GetComponentReffromDOMelementHowtoaccessthe*angular2*components'datainthebrowser'sconsole?howtoaccessAn