草庐IT

Simple_HTML_DOM

全部标签

javascript - 如何在 Chrome Developer 中查看 DOM 对象的属性?

我想在GoogleChromeWebDeveloperTools中检查DOM对象的属性,因此我调用了console.debug();并将DOM元素作为参数:HTML:Yourbrowserdoesnotsupporttheaudiotag.Javascript:console.debug(document.getElementsByTagName('source')[0]);​JSFiddle但是,Chrome控制台仅在调用console.debug();时显示元素的HTML,而不会显示DOM节点对象的任何javascript属性。如何在ChromeDeveloper中查看DOM对象的

javascript - DOM 渲染是否保证在单个(同步)函数执行期间阻塞?

DOM阻塞是许多不熟悉JavaScript严格的单线程同步执行模型的人发现的困难方法,它通常只是我们想以某种方式解决的问题(使用超时、网络worker等)。一切都很好。但是,我想知道阻止实际的用户可见渲染是否是您实际上可以依赖的东西。我有90%的把握事实上在大多数浏览器中都是这种情况,但我希望这不仅仅是一个愉快一致的意外。我似乎无法从DOM规范甚至MDM等vendor文档中找到任何明确的声明。让我有点担心的是,虽然从页面上看确实看不到DOM的变化,但内部DOM几何结构(包括CSS转换和过滤器)确实在同步执行期间实际上更新了。例如:console.log(element.getBound

javascript - Angular JS 中的 DOM 查询; $ (".myclass").each() 替代

这个问题在这里已经有了答案:Whatisthealternativeforjqueryeachinangularjs?(2个答案)关闭8年前。我对AngularJS比较陌生,而且我已经使用jQuery很长时间了。这就是为什么我一直很难将我内部的jQuery转换为Angular。:D我想知道我们如何以Angular执行DOM查询。基本上,我面临着必须做这样的事情的情况$(".myClass").each(function(){$(this).doSomething();})任何人都可以建议我一个Angular程序员如何做这样的事情。谢谢

javascript - 在 HTML5 Canvas 上绘制 1 像素线的完整解决方案

在HTML5Canvas上绘制1像素线总是有问题。(引用http://jsbin.com/voqubexu/1/edit?js,output)绘制垂直/水平线的方法是x+0.5,y+0.5(引用Canvaslinebehaviourwhen0)。要在全局范围内执行此操作,ctx.translate(0.5,0.5);是个好主意。但是,当涉及到对Angular线时,这种方法就不起作用了。它总是给出一条2像素的线。有没有办法阻止这种浏览器行为?如果没有,是否有可以解决此问题的软件包? 最佳答案 您提到的“更宽”的线是由浏览器自动完成的抗

javascript - 如何使用 Gulp 和 gulp-data 从单个 jade 模板生成多个 html 文件

我正在使用Gulp创建一个静态站点生成器.我想知道如何将每条数据(JSON)通过管道传输到一个jade模板中以生成多个html文件。这是gulp的"template"任务:gulp.task('templates',function(){'usestrict';varmyData=JSON.parse(fs.readFileSync('./_assets/data/content.json'));varmyPages=myData.pages;varmyPosts=myData.posts;gulp.src('./_assets/templates/index.jade').pipe(

javascript - Atom Electron 使用 html 按钮和 javascript 关闭并最小化窗口

我说使用Electron并尝试制作最小化和关闭按钮。index.htmlminimizeclose索引.jsconstremote=require('electron').remote;functionminimize(){varwindow=remote.getCurrentWindow();window.minimize();}functionclose(){varwindow=remote.getCurrentWindow();window.close();}我一定是犯了一些愚蠢的错误或者什么,但是最小化按钮工作得很好,而关闭按钮不起作用。我还尝试了这里提到的EventListe

javascript - Controller 已加载到 DOM 中,但 View 未加载且无法找到 Controller - oclazyload with jade(pugjs)

我正在为我的项目使用angular1.6,并使用angular-ui-routing为HTML模板使用PugJs进行路由。我正在尝试在我的应用程序中实现Lazyload,但不知何故它不起作用可能是由于jade。代码:varapp=angular.module('myApp',['ui.router','oc.lazyLoad']);app.config(['$ocLazyLoadProvider',function($ocLazyLoadProvider{$ocLazyLoadProvider.config({debug:true,modules:[{name:'js',files:[

javascript - 是否可以判断 DOM 是否被修改,修改了哪一部分?

如果您知道DOM的哪一部分将被修改,是否有任何实用的方法来判断DOM的哪一部分被修改了?我正在编写一个插件,它将与我没有编写的javascript一起运行。DOM修改前会触发一个事件,DOM修改后会触发一个事件。决定改变了什么是我的工作。这可能吗?如果可能,最不可怕的方法是什么? 最佳答案 根据您需要的浏览器支持,您可以使用DOMmutationevents. 关于javascript-是否可以判断DOM是否被修改,修改了哪一部分?,我们在StackOverflow上找到一个类似的问题:

javascript - 如何在 Javascript 中为非 dom 元素添加事件监听器?

在Java、C#、Actionscript等中。事件是针对类的,而在Javascript中,它似乎仅限于dom。我在这里读了一个用jQuery做的例子http://www.west-wind.com/weblog/posts/2010/May/27/NonDom-Element-Event-Binding-with-jQuery但是如果我不需要jQuery并且我想了解该机制,您会怎么做? 最佳答案 最简单的机制是这样的:functionPubSub(){this.subs={};this.subscribe=function(cha

javascript - 如何使用 javascript/jquery 查找和替换 html 字符串中的开始标记和结束标记

如何使用javascript/jquery查找和替换html字符串中的开始标记和结束标记例如varmyString="HellojohnJohnlikestoplayguitarAnnalikestoarrangeflowers";我需要找到“div”标签并替换为其他html标签,如“p”标签/“span”标签将“div”标签替换为“p”标签后生成的html字符串varreplacestring="HellojohnJohnlikestoplayguitarAnnalikestoarrangeflowers";请提出任何解决方案。 最佳答案