草庐IT

customizing-web-forms-with-css

全部标签

javascript - 如何使用 Javascript 获取继承的 CSS 值?

我正在尝试使用Javascript获取继承的CSS属性的值。我一直没能找到全面的答案。示例CSS:div{width:80%;}示例标记:Sometext使用javascript(jQuery或native),我需要获取元素的宽度——不是以像素为单位,而是字符串“80%”。$('#mydiv').css('width');//returnsinpx$('#mydiv')[0].style.width//emptystringgetComputedStyle($('#mydiv')[0]).width//returnsinpx我需要将值作为字符串的原因是因为我需要将样式复制到另一个元素。

javascript - 获取对所有 css 样式属性的访问权限?

我想通过JavaScript访问所有CSS属性(不仅针对特定选择器或元素,而且针对所有属性)。我想遍历.style集合的所有属性。我该怎么做? 最佳答案 您可以使用CSSStyleDeclaration对象。CSSStyleDeclaration对象使CSS样式属性可通过JavaScript属性使用。这些JavaScript属性的名称与CSS属性名称密切相关。这个对象有两个额外的属性:CSSText一组样式属性及其值的文本表示。文本的格式与CSS样式表中的一样,减去元素选择器和包围属性和值的大括号。长度此CSSStyleDeclar

javascript - 克隆 CSS 类

我想将所有:hover类复制到.hoverid类中,其中id是元素的索引(或任何其他方式创建独特的悬停类名称)。因此,我的想法是以某种方式遍历页面上定义了:hover的所有元素,并将该类克隆到.hoverid中。这样我就可以像这样在任何我想要的元素上触发悬停效果:$('#element').addClass('hover'+$(this).id);所以我的问题实际上是:如何遍历定义了“:hover”的元素?如何将那个类克隆到另一个类中?尝试您的解决方案:http://jsfiddle.net/kLt2P/ 最佳答案 您实际上可以使用

javascript - css3pie 打乱了 DOM,导致 jQuery 选择器错误

为了在IE6/7/8上获得CSS3效果(边框半径、框阴影...),我使用了css3pie。然而,css3pie在DOM中生成了一些css3-container(v1)/css3pie(v2)标签,这打乱了预期的架构。这是一个例子:CSSpre{border:1pxsolid#aaa;border-radius:5px;behavior:url(pie.htc);}HTMLbarparagraphpreformattedjQuery//undefinedexpected:getmealert($("pre").prev().attr("class"));//css3-containere

javascript - 使用 css 和 javascript 将 div 翻转 180 度

我想使用触发css动画的javascript函数将div翻转180度。我的div有以下声明:.start-photo-thumb{position:relative;float:left;background:#444444;height:192px;width:192px;margin-right:10px;margin-bottom:10px;perspective:1000px;animation:rotating0.6slinearinfinite;animation-play-state:paused;}@keyframesrotating{from{transform:ro

javascript - Hapijs 和 Joi : validate query params with presence: 'forbidden'

我的目标是为帖子创建一个索引路径。用户应该能够指定一些查询参数(即标签、类型),但不能指定其他参数。澄清一下:没关系:/posts/posts?tags=food/posts?type=regular&tags=stackoverflow这不行:/posts?title=Hello这是hapi包配置:servers:[{host:'localhost',port:3000,options:{labels:["api"],validation:{abortEarly:false,presence:'forbidden'}}}],请注意presence:forbidden选项。这是路由配置

javascript - 通过使用带有 CSS 的图像显示背景网格

UPDATEDDEMO工作得很好,除了当我改变时背景图像正在调整大小:background-size:20px20px;是否可以保持原图大小,让背景图重叠(隐藏图片超出左上框(20px20px)的部分)?B计划是在设置的base64图像内容中用JS裁剪图像... 最佳答案 使用只有左边框和上边框的svg图像可能就是您要找的东西?检查片段,或这个jsfiddle(fiddle包含放大/缩小网格的按钮):body{background:url('http://testbed.nicon.nl/img/_FBs3b.svg')repeat

javascript - Web Audio 振​​荡器在 Chrome 中意外地从一个频率滑到另一个频率

我将要描述的行为发生在Chrome44中,但不会发生在Firefox40中。如果您创建一个振荡器,将其频率设置为220Hz,然后在一秒钟后将频率更改为440Hz,您会听到明显的滑音效果:振荡器不是立即从220变为440,而是从原始频率滑行到新频率。下面的代码说明了这种现象:varac=newAudioContext();varosc=ac.createOscillator();osc.connect(ac.destination);osc.type='sawtooth';osc.frequency.value=220;osc.start(0);window.setTimeout(fun

javascript - 在 firefox 中,web 控制台和浏览器控制台有什么区别

Firefox48中的Web控制台和浏览器控制台有什么区别?他们看起来很接近。为什么有两个控制台?网络控制台--运行javascript的最佳位置浏览器控制台--接收错误信息。--控制台日志输出 最佳答案 根据Mozilla浏览器控制台类似于Web控制台,但应用于整个浏览器而不是单个内容选项卡。因此它记录与Web控制台相同类型的信息-网络请求、JavaScript、CSS和安全错误和警告,以及由JavaScript代码显式记录的消息。但是,它不是为单个内容选项卡记录此信息,而是为所有内容选项卡、加载项和浏览器自己的代码记录信息。另一

javascript - 如何在 Typescript 中使用 Web Api 'require' 和 'require.ensure'

我正在尝试将TypeScript集成到Webpack中,并且正在寻找一些@types来帮助处理所有Webpack特定的东西。我正在使用declarefunctionrequire(string):any;使用fe.:require('some.scss')但很快就对直接或通过///添加它感到恼火语法,希望有更好的方法来做到这一点。理想的情况是npmi@types/webpack但是那个包似乎只用于我认为完全没用的Webpack配置文件......更具体地说,我正在尝试让这段代码在TypeScript中工作:require.ensure([require('./first')],func