草庐IT

dom-selection

全部标签

javascript - 如何将支持 Angular 的元素添加到 DOM?

我想以编程方式添加一些支持Angular的DOM元素。实际上,我可能需要添加自定义组件。我该怎么做?这里有一个简单的fiddle来演示这个问题:http://jsfiddle.net/ZJSz4/2/HTML:Add{{test}}JS:angular.module("main",[]).controller("MyCtrl",function($scope){$scope.add=function(){$("#container").append("{{test}}");};$scope.test='TestMessage';});以防万一,我希望它为每次点击添加一个显示“测试消息”

javascript - 如何根据 Material UI (React JS) 中的要求制作一个 'Select' 组件

除非有选择的选项,否则我想用红色显示错误。有什么办法吗。 最佳答案 要使用MaterialUI设置必填的Select字段,您可以:classSimpleSelectextendsReact.PureComponent{state={selected:null,hasError:false}handleChange(value){this.setState({selected:value});}handleClick(){this.setState(state=>({hasError:!state.selected}));}rende

javascript - 在 dom 元素中存储自定义数据

这是错的吗?如果是,为什么?varelm=document.getElementById("myElm");elm.customValue={attr1:"test",attr2:"test"};我了解如何使用数据属性,但我不想用所有这些属性弄乱我的dom。 最佳答案 这会在某些浏览器中引入内存泄漏,因为您将原生C对象(DOM元素)和JS对象绑定(bind)在一起,而某些垃圾收集算法无法处理此问题。IE就是其中之一。这是一篇关于IE内存泄漏的MSDN文章:http://msdn.microsoft.com/en-us/library

javascript - 获取所有 DOM 事件的数组

我创建了一个多用途工厂事件发射器工厂函数。有了它,我可以将对象变成事件发射器。事件发射器工厂的代码如下,如果有人想看或使用的话。我的问题是如何从DOM中获取事件列表。请注意,我并不是要获取绑定(bind)事件的列表。我想要所有可能事件的列表。我想向发射器添加“管道”方法。此方法将获取一个DOM对象并绑定(bind)到所有可能的事件,然后当这些事件中的任何一个触发时,每个事件都会在发射器中触发同名事件。我认为没有办法做到这一点。我准备制作一个硬编码的事件名称数组,但如果我可以为DOM获取数组,那会好得多,并且在W3C标准化更多事件类型时仍然有效。附言如果你为W3C工作,这就是那种让每个人

javascript - "virtual"dom 操作?

我知道进行多个dom操作是不好的,因为它会强制进行多次重绘。即:$('body').append('').append('').append('').append('');相反,更好的做法显然是:$('body').append('');但我对虚拟操作很好奇即:$('').append('').append('').append('').append('').appendTo('body');它仍然很糟糕吗,显然多次调用一个函数会有一些开销,但是会不会有任何严重的性能影响?我问的原因是:vardivs=[{text:'First',id:'div_1',style:'backgroun

javascript - Select2 下拉列表如何通过 AJAX 加载结果

我有一个简单的select2框,它加载了一个下拉菜单。但是,每次使用AJAX调用的结果打开选择菜单时,重新加载下拉菜单的最佳方法是什么?ajax调用将返回等等我已经查看了select2文档中的AJAX示例,但它看起来有点过于复杂,无法满足我的需要。时间差 最佳答案 假设你有htmlHiddenfieldvaluesetinthefollowingformat:'34:DonnieDarko,54:Heat,27:NoCountryforOldMen'SaveAfterit'sinitialised,thehiddenfieldval

javascript - 如何在 DOM 中创建没有 SVG 元素的 SVG 矩阵

我一直在访问SVGMatrix原型(prototype),以利用其强大的矩阵转换功能。这些转换不一定与任何SVG元素相关varsvgElement=$('svg')[0];varsvgMatrix=svgElement.createSVGMatrix()Object.create(svgMatrix.__proto__)本质上,我希望能够像第二行那样创建一个svgMatrix,而不是像第1行那样首先依赖DOM中的svg元素。 最佳答案 怎么样varmatrix=document.createElementNS("http://www

javascript - 添加到 DOM 时触发 Javascript 事件

有谁知道如何在元素添加到DOM后在Javascript中触发事件?总体思路是这样的:varelem=document.createElement('div');elem.addEventListener('ON_ADD_TO_BODY',function(){console.log(elem.parentNode)});//...LATERON...parentElemInBody.appendChild(elem);//有些函数在将元素添加到DOM之前不应触发,因此延迟执行直到添加元素才有意义。有没有一种方法可以做到这一点而无需稍后显式调用它们,或者我应该做一些包含setTimeou

javascript - jQuery UI 自动完成 : enforce selection from list without modifications

我正在使用AutocompletecomboboxwithKnockoutJStemplate/JQuery中提供的自定义绑定(bind)我需要强制要求用户必须在自动完成列表中选择一个值,并且在他们选择该值后无法向选择中添加其他文本。我进行了搜索,但找不到有关如何防止输入其他文本的示例。它必须保持可编辑状态,以防他们选择了错误的下拉菜单,但他们键入的内容必须与列表中的值100%匹配。我找到了this在jquery上发布,但它已经9个月大了,没有人发布答案。 最佳答案 没有内置函数可以执行您想要的操作。我做了一个简单的项目,其中使用了

按钮的 jQuery Datatable DOM 定位

我刚刚将我的jQueryDatatable版本升级到1.10。然后我尝试删除其已退役的插件,例如带有“Button”扩展名的“Colvis”和“Tabletools”。这里一切正常。但我的问题是,我无法将“Colvis”按钮与“Tabletool”按钮分开。"sDom":"Br>t>B","buttons":['copyHtml5','excelHtml5','csvHtml5',{extend:'colvis',postfixButtons:['colvisRestore'],columns:'0,1,2,3,4,5,6'}],language:{buttons:{colvis:'C