草庐IT

CSS属性

全部标签

javascript - 如何在 JavaScript 中测试 CSS 选择器?

我如何测试CSS1-3选择器以检查它们是否获得了正确的元素,例如使用JavaScript(也许是jQuery)? 最佳答案 到目前为止,最简单的传统方法是根本不使用JavaScript,而只是手动设置一个测试页面,您可以在其中测试选择器是否满足您的需求。您在Web上看到的测试用例(如众所周知的CSS3.infoSelectorsTest)实际上只是在线托管的增强版本。但是如果您正在寻找JavaScript方法,您可以尝试SelectorsAPI.它在现代DOM实现(IE8+和其他)中可用,它提供了一个JavaScript前端,用于使

javascript - 如果 "value"字段为空,如何添加占位符属性

如果您有一个“值”属性为空的文本输入字段,是否可以添加占位符属性(占位符标记,而不是“默认值”和类似方法)?我在这里看到过很多类似的问题,但大多数都是使用defaultvalue。我需要占位符标签,而且我根本无法影响HTML输出。这是给定的HTML输出示例: 最佳答案 我建议采用以下任何一种方法:$('input:text').each(function(i,el){if(!el.value||el.value==''){el.placeholder='placeholdertext';/*or:el.placeholder=$('

javascript - 灯箱背景颜色应使用 CSS 覆盖整个屏幕

这是我的页面网址http://sample.com/mytest.php在此页面中,如果我们单击“登录”按钮,它将显示一个黑色背景的弹出屏幕。但是如果我们缩小页面,那么它会减小背景颜色的大小。但是如果我们缩小,我想覆盖整个屏幕的背景。我在我的页面中使用了下面的代码。.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:2000%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(

javascript - 如何有条件地将属性添加到 javascript 对象文字

我正在尝试执行以下操作以满足代码构建器(具体来说是SenchaCmd)的要求。这就是我需要做的本质。关键因素是函数体必须以对象文字的返回结束。由于构建器中的限制,我无法返回变量。因此,如果参数“includeB”为真,如何在下面的伪代码点添加属性“b”,但如果参数为假,则根本不添加属性。即不允许b==undefined或b==null。也许这是不可能的。functioncreate(includeB){//CanhavecodeherebutthefinalthingMUSTbeareturnoftheliteral.//...return{a:1//pseudocode://if(i

javascript - 使用数据属性按字母顺序对 div 进行排序

我想使用数据属性值按字母顺序对htmldiv进行排序。我有以下代码,想知道如何实现olarksnapengagehelponclickhangoutsatlasshipchatchathipforcesugarsmscapsulehighrisenimblebatchbookcrmsolveinsightlypipelinershopifywordpressMagentovaralphabeticallyOrderedDivs=$('.value').sort(function(a,b){return$(a).attr('data-site')>$(b).attr('data-site

javascript - 获取 Selenium 中选定元素的所有 CSS 属性的值

假设我通过XPath使用以下方法找到了一个元素:WebElementwe=driver.findElement(By.xpath("someXPath"));我知道我可以通过we.getCssValue("someproperty")获取特定CSS属性的值,但是我可以获取所有属性的值而不必提及它们的名称吗明确? 最佳答案 不幸的是这对于原生SeleniumAPI是不可能的。但是使用Javascript你可以:您可以使用一些javascript支持,使用Seleniums的JavascriptExecutor.executeScrip

javascript - 按属性在 JSON 中搜索的最简单方法是什么?

"names":[{"id":17,"user_id":9,"code":"de","name":"IchbinHans","created_at":"2017-07-3112:43:19","updated_at":"2017-07-3112:43:19"},{"id":18,"user_id":9,"code":"en","name":"MynameisHans","created_at":"2017-07-3112:43:19","updated_at":"2017-07-3112:43:19"}]有没有什么方法可以在jQuery中从上面的JSON数组中获取带有code='en'

javascript - 图像加载后的 Jquery 延迟加载,不应用 css

我在jQueryLazy-DelayedContent,ImageandBackgroundLazyLoader中使用这个插件我试图在延迟加载后向图像添加图像边框颜色和图像边框厚度,但它似乎没有效果。如果我在开发人员控制台按“检查”,我可以看到此属性已添加到图像样式,但其效果未显示在屏幕上。HTMLJQuery$('img.lazy').Lazy({scrollDirection:'vertical',visibleOnly:false,afterLoad:function(element){element.css('border-width','thick');element.css

javascript - 'v-bind' 指令需要一个属性值

我正在尝试使用vue.js创建某种类型的树,但遇到了元素Prop的问题。请帮帮我。我试过:content="{{tempCont}}"我试过content="{{tempCont}}",但都没有成功了。这是我使用tree元素的地方:这是整个树元素:{{title}}exportdefault{data:{childVisibility:false},methods:{openTree:function(){childVisibility=!childVisibility;}},props:{title:String,content:Array,}}我收到此错误:

javascript - cssRules 无法读取多个样式表类属性值

借助此答案(getallcssclassesbackground&colorpropertiesvalues),我可以获得所有CSS类背景和颜色属性值。它在我使用内部CSS代码时有效。现在,我有超过35个外部css样式表。当我尝试下面的代码时,它只返回第一个外部CSS文件输出。无法获取剩余的样式表背景和颜色属性值。如何访问剩余的样式表?$('#nightMode').on('click',function(){//varcolor=$("body").css("background");//vartest=invertColor("#00a3fe");//console.log(col