草庐IT

Simple_HTML_DOM

全部标签

javascript - mouseenter 更改 anchor 内的 HTML 后 mouseleave 未触发

我确定我忽略了一些东西,但在我替换触发mouseenter的anchor标记内的html后,我似乎无法触发“mouseleave”事件。在此处添加代码,但如果您访问下面的JSFiddle链接并将鼠标悬停在星形图标上,它实际上会简单得多。$(document).ready(function(){$(document).on('mouseenter','[id^=star-]',function(){$('[id^=star-]').html('');}).on('mouseleave','[id^=star-]',function(){$('[id^=star-]').html('');

javascript - HTML 表单似乎正在提交 *both* POST 和 GET?

这不是this等问题的重复,而是相反:我有一个通过jQuery提交的表单$('',{action:'service',method:'post',target:'_blank'}).append($('',{type:'hidden',name:'payload',value:JSON.stringify(payload)})).appendTo('body').submit().remove();这样做是为了我可以用HTML打开不同的页面。由于我需要提交相当多的复杂信息,我实际做的是将它们全部序列化为一个大的JSON字符串,然后创建一个只有一个字段(“payload”)的表单并提交那

javascript - 使用 AngularJS html5Mode (back4app/Parse-Server) 时如何解析 ExpressJS 路由

我正在使用使用Parse-Server的back4appBaaS服务。对于客户端,我使用html5Mode(true);运行AngularJS;我的问题是这不起作用:http://app.rizop.tv/dashboard虽然这是正确的:http://app.rizop.tv知道如何修复expressJS以正确的方式处理我的路由吗?我有这个配置:云\app.js//Helpermodulesthatwillbeusedvarpath=require('path');varbodyParser=require('body-parser')//ThisimportstheRouterth

javascript - 将 javascript 函数分配给 dom 元素

我正在使用MSHTML库通过MSHTML.HTMLDocument解析HTML。我的问题:有没有办法将JavaScript函数分配给DOM元素?我试过类似的东西:div.onmouseover="function(){alert('mouseover')}"和div.setattribute"onmouseover","function(){alert('mouseover')}"没有成功(没有错误,但也没有效果)。有什么想法吗? 最佳答案 始终使用函数,而不是在javascript中附加一串代码。您可以通过分配一个匿名函数来做到这

javascript - 在 javascript dom 中,属性名称是否有规则?

用于页面上使用属性名称的元数据,如table:rowNum:,例如,varrow=document.createElement('tr');row.setAttribute('tup','emp:1');row.setAttribute('emp:1:pkid','123');多年来一直使用以冒号分隔的名称(例如name='emp:1:emp_id')并取得了良好的成功,但今天开始使用以冒号分隔的属性名称特别是:varel2=row.parentNode.querySelector("[emp:1:pkid]");=>`Error:SYNTAX_ERR:DOMException12`像

javascript - 在 contenteditable 中删除选择范围内的所有 HTML 标签

我有一个这是contenteditable并且可以包含多种类型的HTML元素,例如,,,等等。现在,当我在contenteditable中选择文本时我想要一个按钮来删除选择中的所有样式。示例1:选择:Hellothere.Iamaselection会变成:Hellothere.Iamaselection示例2:选择:Iamalink会变成:Iamalink你明白了......我发现了这个有用的函数https://stackoverflow.com/a/3997896/1503476用自定义文本替换当前选择。但是我无法先获取选择的内容并在替换之前删除标签。我该怎么做?

javascript - jquery html() vs empty().append() 性能

我在http://jsperf.com/jquery-html-vs-empty-append-test创建了一个测试用例比较$.html()和$.empty().append()的性能。我想知道.empty().append()更快。​​谁能解释这种性能差距?谢谢。 最佳答案 在你的代码中,$.empty().append()运行得更快,因为你的选择器是错误的,您应该使用var$test=$("#test");而不是var$test=$("test");进行比较。参见DEMOHere.

javascript - 外部语言环境文件中的 Angular $sce 与 HTML

将Angular应用程序从1.0.8升级到1.2.8时有关ng-bind-html的问题:我将语言环境字符串存储在名为en_GB.json、fr_FR.json等的文件中。到目前为止,我已经允许在语言环境字符串中使用HTML允许编写本地化内容的团队应用基本样式或添加内联anchor标记。这将产生以下示例JSON:{"changesLater":"Don'tforgetthatyoucanalwaysmakechangeslater.""errorEmailExists":"Thatemailaddressalreadyexists,pleasesignintocontinue."}当将

javascript - 使用 each() 进行 jQuery DOM 操作;

我正在尝试使用jQuery使用each()同时对多个元素执行一些简单的DOM操作。我得到了我不明白的结果。这是一个jsFiddle,它显示了我想要发生的事情与实际发生的事情:http://jsfiddle.net/kthornbloom/4T52A/2/这是JS://StepOne:Appendoneblueboxwithineachgreybox$('.grey').append('');//StepTwo:Makeonecopyoftheredboxalreadythere,andplaceitwithinthenewbluebox.$('.grey').each(function

javascript - Shadow-Piercing 后代组合子 '/deep/' ,包括 '::shadow' 伪元素,正在被弃用,那么我们如何穿透 Shadow DOM?

假设我们有一些CSS代码,例如动画CSS加载器,我们希望在所有使用ShadowDOM的Web组件中使用它。如果我们无法像::shadow那样穿透ShadowDOM,我们如何重新使用此CSS代码?和/deep/?我们甚至无法添加在影子DOM中,所以目前我不得不通过多个复制代码标签。我真的很想知道针对此类用例建议的最佳做法是什么。谢谢。 最佳答案 而不是使用,我建议你在shadowroot中使用css@imports来在需要的地方加载外部样式表。我写了一个答案here关于这个话题。下面引用它以供引用。Youcancreateastyle