草庐IT

Simple_HTML_DOM

全部标签

javascript - 使用 Javascript 将嵌套的 JSON 转换为 HTML 嵌套列表

我对使用JSON(相对于XML)还很陌生,目前我纯粹使用Javascript来消化、解析和显示我返回的JSON数据。我正在使用JSON2.js库并取回一些表示相当简单的嵌套列表的有效JSON数据:{"node":{"class":"folder","title":"TestFramework","node":{"class":"folder","title":"Item1","node":{"class":"folder","title":"Item1.1","node":{"class":"file","title":"Item1.1.a"}},"node":{"class":"fo

javascript - 一次更改或交换多个 HTML 元素的 CSS

我有大约100个,100和100我文档中的标签。我需要在JavaScript中实现以下操作:将背景所有foos更改为红色,所有条形更改为绿色,所有bazes更改为蓝色。将背景所有foos更改为绿色,所有条形更改为蓝色,所有bazes更改为红色。将背景所有foos更改为蓝色,所有条形更改为红色,所有bazes更改为绿色。我将总共调用这些操作大约1000次,因此我想避免使用附加的解决方案标记到每次做手术。有什么比遍历所有更简单、更快或更好的方法吗?带有document.getElementsByTagName('span')的元素,并更改或附加到.className每个元素的DOM属性?

javascript - 当焦点在 HTML 表单上丢失时如何重新聚焦到文本字段?

HTML表单上只有一个文本字段。用户输入一些文本,按Enter键,提交表单,然后重新加载表单。主要用途是条码读取。我使用以下代码将焦点设置到文本字段:它大部分时间都有效(如果没有人触摸屏幕/鼠标/键盘)。但是,当用户单击浏览器窗口中字段外的某处(空白区域)时,光标会消失。一个单字段HTML表单,如何防止光标丢失?或者,如何在光标丢失后将光标重新聚焦在字段内?谢谢! 最佳答案 Darin的回答是正确的,但在Firefox中不起作用。如果你也想在Firefox中窃取焦点,你必须将它延迟到事件之后:或者,更好的是,从JavaScript分

javascript - HTML5视频高度和宽度通过javascript

我正在尝试使用简单的javascript从视频中获取并打印出宽度和高度属性,但由于某些原因我无法管理。这是javascriptvideo=document.getElementsByTagName("video")[1];span1=document.getElementById("dimensions");span1.innerHTML=video.videoWidth+"x"+video.videoHeight;这是它影响的html5代码(这是html结构中的第二个视频标签)Dimensions:非常感谢,我是初学者,所以请多多关照。 最佳答案

dom - 建议用于构建小部件的最小 Dom 操作库

对不起查询,原型(prototype),雅虎YUI,道场在考虑小的时候不吸引我。我想要一个模块化的库,代码尽可能小,最多20Kb[uncompressed]是我所期望的。应该提供Dom操作[没有ajax和badass东西]并且可以扩展,对小部件友好。 最佳答案 microJS上有不少小型javascript库.您可能有兴趣看看$DOM(2.6kb)。或者,如果您想要更多的功能,同时仍然很小,您可以查看XUI(10.4kb,或4.2kbgzipped)。 关于dom-建议用于构建小部件的最

javascript - 如何使用 javascript 屏蔽 HTML 输入?

如何在HTML控件上使用javascript屏蔽美国电话。我希望输入强制文本采用以下格式:[(111)111-1111]这是我目前拥有的:mask(str,textbox,loc,delim){varlocs=loc.split(',');for(vari=0;i 最佳答案 对于保证格式的电话号码输入,常见的处理方式有以下三种:1。无论如何接受所​​有数字输入数字不明但仍居住在美国的用户的可能性比以往任何时候都高。接受各种数字输入可以缓解这种担忧,因为只有当他们给你的数字不够或错误时,数字才会毫无用处。2。拆分成三个固定长度的文本框

javascript - 使用 JavaScript 获取所有对象(DOM 或其他)

简短版:如何获得所有对象的列表(包括它们的后代对象)在页面上(不仅仅是第一深度对象)?预期的子问题:我如何跟踪当我走过物体时访问过的物体?提前致谢。长版(带背景!!):使用in关键字我们可以获得一个对象的所有属性。(并且使用hasOwnProperty方法允许我们只过滤掉属于该对象的属性,而不是继承的属性。)for(varpropinobj){if(typeof(obj[prop])=='object'&&obj.hasOwnProperty(prop)){showObjectsOfInternal(obj[prop],visitedObjects);//recursion.}}这是一

javascript - 如何检查我的 parentNode 是否是 <a> html 标签 - YUI

我有:.我想知道我的imgparentNode是一个标记与否。我使用YUI3库,但我可以使用原生JS。有什么建议吗? 最佳答案 抓取父节点,获取其节点名,然后与你想要的节点名进行比较。为确保某物是链接(而不是其他类型的anchor),请测试它是否填充了href属性。node.parentNode.nodeName.toLowerCase()==='a'&&node.parentNode.href!==""; 关于javascript-如何检查我的parentNode是否是html标签-Y

javascript - 将主干 View 绑定(bind)到 html 已经渲染器

有没有一种奇特的方法可以将View绑定(bind)到页面中已经呈现的html?例如,您的服务器加载所有页面html,然后在该html之上加载View,而无需在第一次加载页面时使用render方法。 最佳答案 我已经完成了与我认为您正在尝试做的类似的事情。就我而言,我在现有表单之上添加了Backbone功能。这是一个精简的例子:现有的HTML:Username:主干:varMyFormView=Backbone.View.extend({events:{"submitform":"formHandler"},formHandler:f

javascript - 如何检查从 DOM 中检索到的元素是否仍然存在于 DOM 中

假设我有一个DOM元素,作为事件的参数,例如点击。$(document).click(function(){myElement=$(this);});稍后如何检查myElement是否仍在DOM中?我不能使用.length或任何其他类似的东西,因为此时它仍然引用已保存的元素和DOM的状态,对吗? 最佳答案 您可以检查元素父级:functionisInDom(obj){varroot=obj.parents('html')[0]return!!(root&&root===document.documentElement);}if(is