草庐IT

查找HTML元素

全部标签

javascript - 开源 scorm 播放器纯 javascript 和 html?

有没有纯javascript和html的scorm播放器。我确实不想为此使用任何服务器端语言。我找到了一个开源Scormpool但它只是在玩scorm而不是跟踪。并且没有可用的文档。如果你们知道请帮助。 最佳答案 这也可以帮助您入门,或者您可以根据自己的需要对其进行定制。https://github.com/skfriese/simple-scorm-api这是一个基本的SCORM1.2-onlyRTE测试环境,位于一个HTML文件中,是我多年前根据自己的需要创建的。我最近才选择清理它以与他人分享。很容易将其放入您的包文件夹并从那里

javascript - 在具 Angular html 容器中捕获焦点

我正在构建一个可访问的网站并尝试管理焦点。我需要打开一个模式,然后将焦点放在模式中的第一个元素上,然后捕获焦点,直到模式关闭(“取消”或“接受”)。HTMLOpenModalTermsofServiceLoremIpsumLoremIpsumLoremIpsumLoremIpsumCancelAccept/span>SeprateContentJavascriptangular.module('app').controller('Controller',modalCtrl);functionmodalCtrl(){$scope.modal={open:function(){angula

javascript - validate.js 验证数组元素

我有一个包含两个数组属性的java脚本对象:我正在使用validate.js图书馆。例如:varcustomer={name:'Ted',address:'someaddress',friends:['Michelle','Elon'],purchases:[{qty:1,goods:'eggs'},{qty:2,goods:'apples'}]}我想验证以下内容:friends数组只包含字符串类型的元素。购买数组至少包含1次购买,但最多包含5次购买,并且数量始终为数字。我如何使用validate.js做到这一点? 最佳答案 你可以

javascript - 使用过滤器的 Angular 突出显示和取消突出显示动态 html

我正在尝试编写一组过滤器来突出显示然后取消突出显示动态生成的html:高亮过滤器:app.filter('highlight',function($sce){returnfunction(str,termsToHighlight){//SorttermsbylengthtermsToHighlight.sort(function(a,b){returnb.length-a.length;});varregex=newRegExp('('+termsToHighlight.join('|')+')','g');return$sce.trustAsHtml(str.toString().r

javascript - 如何在 Chromeless 中操作由 ul 和 li 元素组成的下拉菜单

我正面临一个由ul和li元素组成的下拉菜单:Category1Category2...我知道两种使用Chromeless修改下拉菜单的方法:.evaluate((dropDownValue)=>{select=document.querySelector('select#category1')select.value=dropDownValue},dropDownValue)和.click('#id').type("firstlettersofoption",'#id').click('#idoption[value="'+dropDownValue+'"]')但是由于ul和li的菜单

javascript - 查找数组中总和等于给定值的最小元素

我试图找出数组中总和等于的最小元素给定的输入。我尝试了几个输入总和,但只能找到一个pair在第一种情况下,而我需要实现的不仅仅是一对。vararr=[10,0,-1,20,25,30];varsum=45;varnewArr=[];console.log('beforesorting='+arr);arr.sort(function(a,b){returna-b;});console.log('aftersorting='+arr);varl=0;vararrSize=arr.length-1;while(lsum){arrSize--;}else{l++;}}InputArray:[

javascript - 根据背景颜色更改多个元素颜色

我有一个包含多个元素的固定菜单。我正在尝试找到一种方法让所有这些元素根据背景颜色改变颜色。元素是一个#page::before,.logo-scroll这两个元素都有白色边框(无填充)主导航.main-navigation的链接及其边框为白色白色的标志。我也有黑色版本。我的网站由3种颜色组成,黑色、白色和黄色。当背景部分为黄色或白色时,我希望元素切换为黑色。该网站正在build中,但您可以在此处查看:https://www.sheree-new.shereewalker.com我试过这个标志https://eduardoboucas.com/blog/2017/09/25/svg-cl

javascript - 在 iPad/iPhone 上使用 HTML5 视频全屏显示

我正在尝试通过JavaScript在iPad/iPhone上播放和全屏显示HTML5视频元素,但是当我尝试videoElement.webkitEnterFullScreen()时,我看到一个INVALID_STATE_ERR:Dom异常11。我的Code对于Example现在,它看起来像是对thisbehavior的具体支持在此处添加:它专门防止在没有用户手势的情况下进入全屏。我的问题:有解决办法吗?我看到Vimeo的HTML5视频播放器正在以某种方式模仿这种行为here(在iPad/iPhone上)所以,这似乎是可能的。我错过了什么吗? 最佳答案

javascript - 使用 JavaScript/JQuery,当相关元素从下方经过时,使导航链接突出显示?

我有一个单页网站,导航菜单position:fixed位于页面顶部。当我单击导航菜单中的链接时,页面会使用此JQuery滚动到相应的部分:$('a[href^="#"]').live('click',function(event){event.preventDefault();vartarget_offset=$(this.hash).offset()?$(this.hash).offset().top:0;$('html,body').animate({scrollTop:target_offset},1200,'easeOutExpo');});我想要发生的是当我手动滚动页面$(w

javascript - 有没有办法判断元素是否已完成 CSS3 过渡?

我正在寻找事件、回调或其他方式来判断CSS3转换何时完成。这可能吗? 最佳答案 使用transitionend事件。请注意,必须添加特定于vendor的前缀。 关于javascript-有没有办法判断元素是否已完成CSS3过渡?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9995642/