dom-manipulation相关内容

当操作DOM时,确切更新的内容

我试图确切地了解在DOM操作之后使用常规DOM更新的内容. 假设我们下面有DOM,我使用javascript删除了蓝色类的li. 这是否意味着浏览器查看blue类的父级(例如:列表1的id),然后重新渲染包括所有子级的DOM节点(减去blue类),然后根据任何CSS重新绘制整个页面规则? 我认为这将是一个过程,但是我不确定,也无法在任何地方找到任何具体的例子. ..
发布时间:2021-04-26 20:20:42 前端开发

使用jQuery .append()时在元素之间添加换行符或空格

我有一个通过调用从DOM中获取的jQuery元素集: $(“.some-selector"); 我所有的元素都是DIV,每个元素都在自己的行中.我的DIV设置为CSS(除其他外) display:inline-block; 防止它们呈现为块元素(每个元素都在其自己的行中). 问题在于,渲染这些DIV时,它们之间会有空格,因为每个元素之间的文档中都有换行符.我对此感到满意.我当 ..
发布时间:2021-04-09 18:44:45 前端开发

剔除组件(不绑定)在新内容上

已删除的问题和示例 我试图在初始ko.applyBindings();之后绑定Knockout组件,以便可以动态添加自定义元素. 在我的原始文章中,我提到通过ajax加载内容,但是当使用诸如jQuery append之类的东西将自定义元素添加到DOM时,就会出现我的问题. 这是一个例子: $(function() { // Register a simple wi ..
发布时间:2021-02-15 19:14:19 前端开发

使用documentFragment的IE性能不佳

为了测试DOM操作与innerHTML的对比,我使用了documentFragment(网页)将10000个href元素附加到div元素. Chrome或Firefox的性能尚可,但是在IE(10、9、8)中,它的性能非常差,大约需要 10-12秒 .谁能解释这种差异和/或详细说明提高IE性能的解决方案? 这是一个 jsfiddle 进行演示. 方法: function useF ..
发布时间:2020-11-30 01:22:52 前端开发

将事件监听器添加到< li>使用javascript创建的

我对在JS中处理DOM中的元素还很陌生,因此我创建了一个简单的待办事项列表,以使其更加舒适,并且可以在其中使用输入添加项目,并通过单击列表项来删除项目. 尽管这可能不是最佳实践,但我只是想使用create和remove元素,而不是使用对象或类,直到我变得更熟悉为止,也要使用普通/香草js,所以在回答时请记住这一点. 我试图添加一个单击事件,当单击时会删除. 我的逻辑是. ..

DOM操作在Angular 2中属于什么地方?

在Angular 1中,所有DOM操作都应在指令中进行以确保适当的可测试性,但是Angular 2呢?这有什么变化? 我一直在寻找好的文章或关于DOM操作放置位置以及操作时的思考方式的所有信息,但是每次我都会空虚. 以该组件为例(这实际上是一条指令,但我们假装不是): export class MyComponent { constructor(private _eleme ..
发布时间:2020-08-09 23:54:13 其他开发

用jQuery操作类

我要操纵实体类"apple-120",使其被选择框中的任何选定值替换,同时保持水果,otherclass,anotherclass,class不变. 到目前为止,我创建了这个: $.fn. ..
发布时间:2020-06-29 00:39:26 其他开发

Javascript对于DOM操作而言太快了吗?

在Javascript中,我通过AJAX从服务器加载了一些元素,并且为每个数据元素创建了一个 ,其中包含另一个div和一个.内部div包含2到5行文字.我将其中三个项目并排排列,然后将下三个项目并排放置,依此类推. 但是由于文本的长度不同,所以我想对每一行中的元素进行一些微调.我希望所有三张图片的上边缘都处于相同的高度.为此,我这样做: 将三个 te ..
发布时间:2019-11-16 16:07:13 前端开发

jQuery-如何将多个节点附加到容器

我需要将多个节点附加到一个容器.我不想在每次迭代中进行缓慢的DOM附加,而是希望将文档片段中的节点排队(对其他想法开放),然后一次全部附加它们.这是我的代码: var fragment = document.createDocumentFragment(); $.each( poFailureInfoMultiple, function(i,e){ fragment.appendCh ..
发布时间:2019-11-14 14:21:04 JavaScript