草庐IT

CSS属性

全部标签

javascript - 如何从数组中获取属性名称和值

所以我的对象有很多属性,我需要从该对象获取所有值和属性名称,我不确定什么是最好和最简单的方法。我已经尝试了几种方法,但没有任何运气angular.forEach(array,function(value,key){console.log(value);}); 最佳答案 您还可以使用Object.keys()它返回对象的键数组。例如:varobj={0:"a",1:"b",2:"c"};console.log(Object.keys(obj));//[0,1,2]您还可以使用Object.values()它返回对象值的数组:varob

javascript - 如何在 Angular2+ 中使用 ngStyle 将转换翻译属性应用于元素

我正在尝试使用[ngStyle]有条件地将transform:translateX($value)直接应用于模板元素,但我找不到任何人谈论这个。主要是因为我不知道要搜索什么:D。我见过一些使用[style.color]进行基本样式设置的方法,或者使用[attr.style]="{'transform':'translateX(4rem)'}"但最后一个在呈现的HTML中返回:style="unsafe"。我已经看到您可以使用Sanitizer来清理或绕过您的样式/脚本等...但在这一点上,它开始“闻起来”像您不应该做的事情?我正在寻找一种干净的方法来实现这一目标。但我不知道去哪里找。提

javascript - 是否有用于组合/压缩 javascript 和 css 的 Magento 扩展?

我以为Magento自带了这个开箱即用的功能,但它似乎根本不起作用。我不确定我是否没有正确设置它,但现在我正在使用cat并更改page.xml布局文件以使用结合了javascript和css文件。我可以让Magento执行此操作吗?或者是否有添加此功能的扩展程序? 最佳答案 转到系统>配置>开发人员并更改Javascript和CSS设置框中的设置。确保您在网站/商店页面的左上角设置了正确的配置范围。确保在更改设置后刷新缓存。附言FoomanSpeedster扩展程序也将执行此任务。 关于

javascript - jQuery:如何从我的 div 中删除 css 边框属性?

我正在尝试删除div的边框,但没有成功。我已经注释掉了我的css中的代码,这是我要删除的正确属性。这是我目前正在使用的代码。背景颜色更改在下面的代码中起作用,但removeClass不起作用。vartab=getURLParameter("tab");//Disablethevisualstyleofthebuttonsinceitisdisabledforthispage.if(tab=="Property"){$(".scrape-button").css('background-color','#efefef');$(".scrape-button:hover").removeC

javascript - Jquery 在点击时更改 CSS 类

我正在做一个项目,我有一些像选项卡这样的anchor,每个anchor都有一些CSS类,选定的选项卡有单独的css类。我正在单击选项卡,我想将其CSS类更改为选定的css类我已经完成了此功能,但我遇到了一些问题,因为之前选择的选项卡也具有相同的类,我如何才能将之前选择的选项卡更改为未选择类,下面是我的代码$(".btn").each(function(){$(this).click(function(){$(this).removeClass("course-btn-tab").addClass("course-btn-tab-selected");});});ABCD

javascript - 使用 javascript 将一个 CSS 类添加到具有另一个类名的所有元素

我正在尝试使用javascript将一个类添加到具有不同类的所有元素。我知道你可能认为这是多余的,但对于我所处的情况来说,这是需要的。我需要一种方法来查看具有该类名的所有元素并添加该类,但我不明白如何计算?我正在使用cms工作,我不能在它自己的类中更改样式。$(document).ready(function(){varClassBtn=document.getElementsByClassName("buttonSubmit");ClassBtn.className=ClassBtn.className+"btn";}); 最佳答案

javascript - 使用 JQuery 为 <a> 标签添加 onclick 属性

我有一个链接按钮,我想更改它onclick单击时的回调函数:我正在使用.attr()来更改onclick事件,但它根本不起作用。$('#'+test).text('Unlike');$('#'+test).attr("onclick","returndeleteLikeComment('"+CommentsWrapper+"','"+activityID+"','"+test+"');");但这根本行不通。我只想切换点击链接时的回调方式。 最佳答案 为什么要为事件附加attr?为什么不这样做:$('#'+test).bind("cl

javascript - 如何在文档中获取(具有)最高 CSS z-index 的(元素)?

这个问题再简单不过了。z-index值由style=...或className分配,无论是否使用Javascript。我认为这不重要。我如何找到(使用Javascript)最高的z-index?(它所使用的元素会很好,但不是必需的。)您不能使用(新的)querySelector,因为它不查询CSS值。有什么方法可以查询CSS吗?(不是样式表,而是实际使用的值。)格拉兹获取前5个元素+z索引:Array.from(document.querySelectorAll('*')).map(el=>[el,getComputedStyle(el).zIndex]).filter(v=>!isN

javascript - 如何从类函数内部访问对象属性

这个问题在这里已经有了答案:Howtoaccessthecorrect`this`insideacallback(13个答案)关闭3年前。我的一个Javascript类有时需要用Json进行“更新”。我一直在做一个函数,在给定id的情况下更新数据数组,但现在我想更封装地做它(函数更新,在类中)。我做了什么:functionFile(data){this.data=data;this.update=function(callback){varset=function(ajaxData){this.data=ajaxData.PcbFile;}getPcbFile(data.id,func

javascript - 在 em 中获取 CSS 中定义的元素的宽度

我无法获取CSS中定义的元素的宽度。我想出了如何使用Javascript获取CSS规则,但我无法访问宽度。Menu是我在CSS中使用em定义的固定宽度。我正在尝试根据浏览器窗口减去固定的菜单宽度来更改div1的宽度。注意:我已经尝试使用style.width,但它在控制台中返回了一个空行。jsfiddle:http://jsfiddle.net/kj6pQ/vardiv1=document.createElement('div'),css=getMatchedCSSRules(document.getElementById('menu'));console.log(css);//wor