草庐IT

computed-style

全部标签

javascript - document.body.style.marginTop 在 JS 中返回空白字符串

我的理解是[someelem].style.maginTop会返回一个带有元素上边距的字符串。相反,我总是得到一个空字符串。我想将它用于body,但我也尝试了div,但也没有用。console.log(document.body.style.marginTop);//logs""console.log(typeof(document.body.style.marginTop));//logs"String"varelem=document.getElementById("testDiv");console.log(elem.style.marginTop);//logs""body{m

javascript - 谷歌地图 v3 : How to change the map style based on zoom level?

我正在使用新的Googlemapv3STYLEDMAP。我想根据缩放级别更改map的样式。我有以下伪代码,如何根据缩放级别更改我的map样式?varmyOptions={zoom:zoom,center:latlng,disableDefaultUI:true,navigationControl:true,scrollwheel:false,navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL,position:google.maps.ControlPosition.TOP_RIGHT},map

javascript - 为什么 javascript this.style[property] 返回一个空字符串?

这个问题在这里已经有了答案:HowtoretrievethedisplaypropertyofaDOMelement?(4个答案)关闭7年前。为什么this.style[property]得到一个空字符串?我的代码是:Demo#test{height:100px;}.tclass{width:100px;}function$(ID){varelement=document.getElementById(ID||'nodId');if(element){element.css=css;}returnelement;}functioncss(prop,value){if(value==nu

javascript - ko.Computed() 未使用 observableArray 进行更新

我有以下代码://Firstwedefineourgiftclass,whichhas2properties://aTitleandaPrice.//Weuseknockoutjsvalidationtoensurethatthevaluesinputaresuitable/functionGift(item){varself=this;self.Title=ko.observable(item.Title);//attachsomevalidationtotheTitlepropertycourtesyofknockoutjsvalidationself.Title.extend({

javascript - 将 javascript 计算样式从一个元素设置/复制到另一个元素

所以我试图复制适用于一个元素的所有样式(class/id/tagName/attribute等)。到目前为止,我发现我可以复制元素的计算样式,只有一个问题......可以将它应用于外部元素;/或者diffrend方式复制所有的样式。(这是我得到的:/)http://jsfiddle.net/8KdJd/2///queriksmode+minorchangestoretrivethecomputedstylefunctiongetCS(el){if(el.currentStyle)vary=el.currentStyle;elseif(window.getComputedStyle)va

javascript - Angular 2 “ng-style” “*ngFor” 内背景颜色变化

我正在尝试使用ng-style应用背景颜色。列表的每一行都是使用ngFor生成的。每个元素都有单独的背景颜色{{item.category}}还有Typescript.ts:varcharacters=[{name:'Gollum',quote:'Sneakylittlehobbitses!',items:[{bgcolor:'fb9667',img:'airTicket',category:'Airtickets'},{bgcolor:'000000',img:'airTicket',category:'Beauty/Fitness'},{bgcolor:'0b9660',img:'

javascript - 使用 ng-style 设置样式后悬停时更改背景颜色

我有一个单词列表,每个单词都分配了一个数字(条纹)。我使用AngularJS的ng-style根据分配给它的数字设置每个单词的背景颜色。html{{item.word}}{{item.streak}}从ng风格调用的javascript。$scope.bgstyle=function(streak){varred=255;vargreen=255-streak;varblue=255-streak;varrgb=blue|(green这可行,但是,我希望当鼠标悬停在一个词上时突出显示背景。我添加了一个类“tHi”,它通常会在悬停时更改背景,但它被添加的样式覆盖了。这是一个jsfiddl

javascript - gulp with gulp-ruby-sass : Error: . ./style.css.map:3:1: 未知词

使用基本的gulp/expressbuildwatch出现奇怪的错误。目录布局project/-sass/-style.scss-gulpfile.js-index.htmlGulpfile.jsvargulp=require('gulp'),sass=require('gulp-ruby-sass'),autoprefixer=require('gulp-autoprefixer'),minifycss=require('gulp-minify-css'),rename=require('gulp-rename');gulp.task('express',function(){var

javascript - jQuery .width()、style.width 和 jQuery .css ('width' 之间有什么区别?

jQuery的.width()、jQuery的.css('width')和.style返回的值有什么区别.width节点上的属性?我很好奇,因为在尝试将两个表格单元格的宽度设置为相等时,前两个给了我同样的错误答案。它们实际测量的是什么,为什么它与我在浏览器中查看元素时在.style属性中看到的值不同? 最佳答案 来自width官方文档Thedifferencebetween.css(width)and.width()isthatthelatterreturnsaunit-lesspixelvalue(forexample,400)w

javascript - 在 JavaScript 中获取计算的字体系列

这是thisquestion的跟进.我正在为CKEditor开发一个组件,字体下拉菜单的调整版本,始终显示当前选择的字体系列/大小值,无论它们在哪里定义,使用computedStyle和consorts。正如您在另一个问题中看到的那样,现在可以跨浏览器确定字体大小。现在我在使用fontFamily属性时遇到了问题。我的通用“计算样式”函数仅返回已定义的完整字体字符串,例如TimesNewRoman,Georgia,Serif为了使设置与字体系列下拉列表中的条目相匹配,我需要的是DOM元素I的实际字体的固定字体名称正在检查。这能以某种方式完成吗,至少对于最常见的网络字体?