dom-manipulation相关内容

如何将类添加到给定元素?

我有一个元素已经有一个类: 现在,我想创建一个 JavaScript 函数,它将向 div 添加一个类(不是替换,而是添加). 我该怎么做? 解决方案 如果你只针对现代浏览器: 使用 element.classList.add 添加一个类: elem ..
发布时间:2022-01-29 23:28:00 前端开发

在悬停时用另一个替换一个 div

当鼠标悬停在一个 div 上时,我想用另一个 div 替换它.具体来说会有一个平均的话,比如“苦苦挣扎"或者“超出预期",我想当用户将鼠标悬停在文字平均数上时,用数值平均代替. #html A+(悬停查看分数) 平均 = 98.35%#css.avg_n ..
发布时间:2022-01-22 22:18:21 前端开发

如何对 DOM 操作进行单元测试(使用 jasmine)

我需要用 jasmine 对一些 DOM 操作函数进行单元测试(目前我在浏览器和 Karma 中运行我的测试) 我想知道最好的方法是什么? 例如,我可以模拟和存根 window 和 document 对象并监视它们的几个函数.但这看起来并不是一个简单的解决方案,所以这就是我问这个问题的原因! 或者有更好的方法(也许不使用茉莉花)来做到这一点? 非常感谢 解决方案 我 ..
发布时间:2022-01-11 18:20:58 其他开发

在 jQuery 中动态创建表

我正在使用 jQuery 动态构建一些 数据,但出现以下错误: 未捕获的错误:HIERARCHY_REQUEST_ERR:DOM 异常 3 这发生在脚本的 appendTo 部分,如下所示: $('').append(/* 很多东西 */).添加($('')).附加(/* 多一点 */).appendTo($tbody); 其中 $tbody 是 $(''); ..
发布时间:2021-12-28 11:15:35 前端开发

根据所选选项的宽度自动调整 SELECT 元素的大小

我有这个 select 元素,其中包含不同的 option.通常 select 元素会从最大的 option 元素获取其宽度,但我希望 select 元素具有默认的 option 值的宽度较短.当用户选择另一个 option 时,select 元素应该调整自身大小,以便整个文本始终在元素中可见. $(document).ready(function() {$('select').change(f ..
发布时间:2021-12-19 14:27:23 其他开发

什么是输入元素上的innerHTML?

我只是想从 Wikipedia 上的 chrome 控制台执行此操作.我将光标放在搜索栏中,然后尝试执行 document.activeElement.innerHTML += "some text" 但它不起作用.我用谷歌搜索并查看了其他属性和属性,但无法弄清楚我做错了什么. activeElement 选择器工作正常,它选择了正确的元素. 编辑:我刚刚发现它是 value 属性.所 ..
发布时间:2021-12-18 13:31:32 前端开发

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

我需要将多个节点附加到一个容器中.与其在每次迭代中都执行缓慢的 DOM 追加,我想将文档片段中的节点(对其他想法开放)中的节点进行排队,并一次性追加所有这些节点.这是我的代码: var fragment = document.createDocumentFragment();$.each(poFailureInfoMultiple, 函数(i,e){fragment.appendChild($( ..
发布时间:2021-11-16 19:38:20 其他开发

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

我有一组 jQuery 元素,可以通过调用从 DOM 中获取: $(".some-selector"); 我所有的元素都是 DIV,每个元素都在自己的行中.我的 DIV 设置了 CSS(除其他外) display: inline-block; 这会阻止它们呈现为块元素(每个元素都在自己的行中). 问题是当这些 DIV 被渲染时,它们之间有空格,因为文档中每个元素之间都有换行符.我对此 ..
发布时间:2021-11-16 19:36:36 前端开发

在输入中过滤 ng-model

我有一个文本输入,我不想让用户使用空格,输入的所有内容都会变成小写. 我知道我不允许在 ng-model 上使用过滤器,例如. ng-model='tags |小写 |没空间了' 我考虑创建自己的指令,但是向 $parsers 和 $formatters 添加函数并没有更新输入,只有其他具有 ng- 的元素模型. 如何更改我当前正在输入的内容? 我实际上是在尝试创建与 Sta ..

为什么在控制器中操作 DOM 被认为是一个坏主意?

很多人告诉我在控制器中操作DOM是一件很糟糕的事情,但究竟是什么原因.它如何影响您正在制作的应用程序?这样做的最佳做法是什么?是如何做到的? 解决方案 技术上控制器应该更小&紧凑,不应该玩 DOM.控制器只对拥有业务逻辑感兴趣在事件上调用的绑定级别逻辑. 在我看来,“你不应该从控制器操作 DOM"背后的原因是,这只是因为关注点分离.如果您从控制器进行 DOM 操作,那么它会与您的 ..

为什么在控制器中操作 DOM 被认为是一个坏主意?

很多人告诉我在控制器中操作DOM是一件很糟糕的事情,但究竟是什么原因.它如何影响您正在制作的应用程序?这样做的最佳做法是什么?是如何做到的? 解决方案 技术上控制器应该更小&紧凑,不应该玩 DOM.控制器只对拥有业务逻辑感兴趣在事件上调用的绑定级别逻辑. 在我看来,“你不应该从控制器操作 DOM"背后的原因是,这只是因为关注点分离.如果您从控制器进行 DOM 操作,那么它会与您的 ..

在输入中过滤 ng-model

我有一个文本输入,我不想让用户使用空格,输入的所有内容都会变成小写. 我知道我不允许在 ng-model 上使用过滤器,例如. ng-model='tags |小写 |没空间了' 我考虑创建自己的指令,但向 $parsers 和 $formatters 添加函数并没有更新输入,只有其他具有 ng- 的元素模型. 如何更改我当前正在输入的内容? 我实际上是在尝试创建与 Stac ..

构建网络爬虫 - 使用 Webkit 包

我正在尝试构建一个网络爬虫. 我需要两件事: 将 HTML 转换为 DOM 对象. 按需执行现有 JavaScript. 我期望的结果是一个 DOM 对象,其中执行加载的 JavaScript 已经执行. 此外,我需要一个选项来按需执行额外的 JavaScript(在诸如 onMouseOver、onMouseClick 等事件上)首先,我找不到好的文档来源. 我搜索了 Webki ..
发布时间:2021-09-22 20:28:47 前端开发