草庐IT

Simple_HTML_DOM

全部标签

javascript - 多个 DOM appendChild 的速度/效率

我必须一次创建七个div元素-包含A1、A2、A3和A4的容器A,然后是A2中的A2a和A2b。我正在多次调用这个小函数:functionu1(t,i,c,p){//type,id,class_name,parent_idvartag=document.createElement(t);//Createnodetobeappendedtag.id=i;tag.className=c;document.getElementById(p).appendChild(tag);}我的问题:是否有一种更省时的方法将这七个捆绑在一起,然后只执行一个DOM追加?还是innerHTML是一个不错的选择

javascript - 如何对与 DOM 元素交互的 Javascript 代码进行单元测试

背景:我来自Java背景,所以不太熟悉Javascript。我们计划将JavaScript单元测试引入到我们现有的(遗留)代码和future的工作中。我们主要是一家java商店(Spring、Weblogic等)。我们正在寻找能够让我们与IDE(IntelliJidea)和声纳良好集成的选项,并能够将它们作为持续集成的一部分运行。JsTestDriver似乎符合所有条件。问题:我们现有的许多javascript代码是a)嵌入在JSP中和b)利用jQuery直接与页面元素交互。我们应该如何着手测试一个严重依赖DOM的函数。以下是我正在谈论的函数的一些代码示例:functionenable

javascript - 如何使用 jquery 延迟对象检查元素是否在 DOM 中?

我想知道是否可以使用jQuery延迟对象来测试元素是否在DOM中。这是我的想法:functionchkDOM(selector){if$(selector){returndeferred.promise();}}$.when(chkDOM(selector)).then(function(){//dosomething});我不太清楚如何编写代码来实现这一点,但我希望我的问题是有道理的。如果我能让这部分正常工作,那么我基本上可以延迟某些jquery插件的调用,以便它们真正正常运行。谢谢! 最佳答案 我假设您正在运行一个定期检查选择器

javascript - 通过 D3 绘制 HTML 表格不会更新现有数据

我正在使用D3绘制HTML表格,输入时一切正常。当我将新项目添加到我的数据集合时,它会将新项目正确添加到表中。问题是每当我更新集合中的现有对象(下面backgroundJobs集合中的对象)时。当我重新运行D3代码来同步表时,它不起作用。没有任何反应。代码如下:varvisibleColumns=['Name','Start','End','Status','Metadata','Errors'];vartable=d3.select('#jobs').append('table');varthead=table.append('thead');vartbody=table.appen

javascript - 如何使用 HTML5 音频 API 播放从 XMLHTTPRequest 返回的音频

在向我的服务器端api发出“AJAX”请求时,我无法播放音频。我有后端Node.js代码,它使用IBM的WatsonText-to-Speech服务来提供文本音频:varrender=function(request,response){varoptions={text:request.params.text,voice:'VoiceEnUsMichael',accept:'audio/ogg;codecs=opus'};synthesizeAndRender(options,request,response);};varsynthesizeAndRender=function(opt

javascript - 正则表达式用 HTML 标签包装字符串

我有一个包含很多行的文本区域,如下所示:#1=stuff#2=morestuff...#123=evenmorestuff...我正在使用正则表达式来查找#num=模式(/^#[0-9]*=/),我想让它们成为像这样的anchor标记#123=但它并没有像我想象的那样工作。"#2=".replace(/^#[0-9]*=/,"$1")结果:$1我做错了什么? 最佳答案 您忘记了捕获组或使用$&引用第0组并且您只处理初始数字,因为您使用的是字符串anchor的开头(您需要将其删除以匹配所有它们中的一个,或者如果你想匹配行的开头,请使用

javascript - Angular 2 : Simple input validation

我有一个用于电话号码的简单输入,我想验证只有数字并且长度为10位数字。在不使用FormBuilder的情况下,我可以做什么来验证它?似乎FormBuilder只会让事情变得复杂,我只想验证这个输入。 最佳答案 使用内置的模式验证器,这很容易: 关于javascript-Angular2:Simpleinputvalidation,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/43

javascript - 使用 Html Webpack 插件时如何在 <head> 和 <body> 标签内添加某些脚本标签

我正在使用HtmlWebpackPlugin通过javascript生成HTML文件。现在我想在的不同部分添加自定义脚本和标签例子:我该怎么办,添加alert('inheadtag')里面标记为第一个child添加alert('inbodytag')里面标记为第一个child这是我的Webpack配置中的片段newHtmlWebpackPlugin({hash:true,chunks:["app"],filename:path.resolve(__dirname,"./public/pages/app.html"),title:"Titleofwebpage",template:pat

javascript - 是否有类似于 HTML Tidy for Javascript 的 Windows 实用程序?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我想清理一些javascript文件并用漂亮的缩进等重新格式化它们,是否有实用程序在Windows下执行此操作的建议?

javascript - javascript 和 HTML 是不可能分开的吗?

具体来说,我说的是避免这种类型的代码:在这里,我想将onfocus和onkeypress事件句柄分开放置,即放在.js文件中。像这样:$(document).ready(function(){$(".title").focus(updateCharsLeft);$(".title").keypress(updateCharsLeft););但是这里的问题是文本框的ID需要传递给函数updateCharsLeft()。在该函数中必须从文本框的ID中提取ID会很糟糕,所以实际上将事件处理程序放入HTML代码中会更清晰。想法? 最佳答案