草庐IT

Simple_HTML_DOM

全部标签

javascript - 如何在 jquery ajax 成功函数中引用调用 dom 元素?

如果基于该元素的ajax调用成功,我将尝试修改该元素的类$("#a.toggle").click(function(e){$.ajax({url:'/changeItem.php',dataType:'json',type:'POST',success:function(data,text){if(data.error==''){if($(this).hasClass('class1')){$(this).removeClass('class1');$(this).addClass('class2');}elseif($(this).hasClass('class2')){$(this

javascript - html 脚本标签的 src 属性中的 "?"是什么?

如果之前有人问过这个问题,我深表歉意,但这是一个很难搜索的问题。在我多年的Web开发经验中,这是我第一次遇到这个问题,所以我很好奇。我正在为一个网站编辑一些HTML文件,我注意到在脚本标签的src属性中,前一位作者在数据后面附加了一个问号。例如:我知道这在某些语言中用于在GET请求中传递值,例如PHP,但据我所知,这不是在javascript中完成的-至少在调用javascript文件时是这样。有谁知道这是做什么的,如果有的话?编辑:哇,很多回复。谢谢大家。由于很多人都在说类似的话,我将发布一个全局更新而不是评论每个人。在这种情况下,javascript文件是静态的,因此我很好奇。我也

javascript函数获取html中的所有图像

我想要一个javascript函数来基本上返回页面中所有imgsrc的数组,我该怎么做? 最佳答案 您可以通过document.getElementsByTagName()轻松获得包含所有img元素的数组。:varimages=document.getElementsByTagName('img');varsrcList=[];for(vari=0;i除了document.getElementsByTagName('img'),您还可以使用document.images集合。如果您使用的是jQuery,您还可以使用$('img'),

javascript - 避免 HTML 文档回流

我有几百个像这样的“行”元素:我需要在它们已经呈现在页面上之后获取它们的clientHeight。我知道“clientHeight”属性强制回流,这会影响我的性能,因为它们太多了。但是-它们已经被渲染并且我知道它们的大小在它们被渲染的时间和我查询它们的高度的时间之间没有变化。有没有办法告诉浏览器在查询高度时不要重排?此外-webkit检查员说:Layouttreesize5901LayoutscopeWholedocument而且div位于绝对定位的祖先中-难道不应该只回流绝对定位的元素吗?编辑:所以提供的答案是正确的。我实际上弄脏了布局,因为我有这个循环:rows.each(func

javascript - 如何在 javascript 中获取特定 HTML 标记的所有元素?

除了具有特定ID的元素之外,我需要在我的文档中隐藏所有“部分”类型的元素。在jquery中这很容易$("section").hide();$("section#myId").show();如果没有jquery,我该怎么做?(我需要它在页面加载后立即发生并且不引人注目)。我还需要它才能跨浏览器工作。谢谢。 最佳答案 DOMElement.getElementsByTagName是你的friend:varsections=document.getElementsByTagName('section');varmySection=null

javascript - 如何观察 DOM 的变化 AngularJS

这似乎是一个愚蠢的问题,但我需要知道如何观察页面的整个DOM并在它发生变化时重新编译它。本质上,这就是AngularJS默认使用数据绑定(bind)所做的事情,但我需要在DOM中的任何内容发生更改时发生这种情况,而不仅仅是绑定(bind)。原因是因为我有一个完全用HTML、Javascript和PHP构建的应用程序。它是一个单页应用程序,它有一个主页面并将PHP注入(inject)到该页面内的DIV包装器中。我想对其进行一些修改,但又想让我的代码与原始代码完全分开。为此,我需要能够在注入(inject)具有自己的DOM结构的新PHP文件时重新编译DOM。到目前为止,我所拥有的似乎没有用

javascript - HTML 报告中的 Istanbul 尔覆盖嵌套目录

来自Istanbul的单元测试覆盖率报告以HTML格式显示index.html中项目的每个文件夹。它实际上扁平化了目录结构。是否可以选择使用嵌套文件夹呈现html报告? 最佳答案 正在复制myanswer来自潜在duplicatequestion:Maybetrythe--reporter=html-spaoption.Seeavailableoptions. 关于javascript-HTML报告中的Istanbul尔覆盖嵌套目录,我们在StackOverflow上找到一个类似的问题:

javascript - Ckeditor 选择的 html 在 chrome 浏览器中无法正常工作

我正在使用mvc应用程序并使用ckeditor3.6.2版本。我使用以下代码从ckeditor获取选定的html。CKEDITOR.editor.prototype.getSelectedHtml=function(){if(CKEDITOR.env.ie){this.focus();selection=this.getSelection();}else{selection=this.getSelection();}if(selection){varbookmarks=selection.createBookmarks(),range=selection.getRanges()[0],

javascript - Chromecast HTML 按钮

是否可以通过HTML按钮调用chromecast?我编写了一个使用自定义接收器的网页,基本上允许用户以统计数据/图表的形式向一屋子的人显示报告,但他们会在屏幕上看到控件。但是因为这纯粹是一个转换应用,所以我想在网页上显示一个按钮,当用户不转换时显示,然后在他们不转换时消失。所以像这样:StartStop然后是一些JS,例如:if(CASTAVAILBLE){if(CASTING){$('#castStart').hide();$('#castStop').show();}else{$('#castStart').show();$('#castStop').hide();}$('#cas

uniapp-路由uni-simple-router

背景专为uniapp打造的路由器,和uniapp深度集成通配小程序、App和H5端H5能完全使用vue-router开发模块化、查询、通配符、路由参数使uni-app实现嵌套路由(仅H5端完全使用vue-router)uniapp用到了很多vue的api,但在路由管理的功能相对于vue-router还是比较欠缺的,比如全局导航守卫安装 //项目根目录执行命令行npminstalluni-simple-router//根据pages.json总的页面,自动构建路由表npminstalluni-read-pages 配置vue.config.js注:如果根目录没有vue.config.js文件,请