js setattribute('style')无效

2024-09-02

JS中setAttribute的兼容性问题（摘自leejersey）

class和className兼容方法: object.setAttribute("class","content") 在IE8.Chrome.火狐.Opera10中都能设置成功:但是在IE7下无法设置. object.setAttribute("className","content") 只有IE7能设置成功,但是其他浏览器均无法设置. 兼容方法: 使用 object.className="content"

js中style.display=""无效的解决方法

本文实例讲述了js中style.display=""无效的解决方法.分享给大家供大家参考.具体解决方法如下: 一.问题描述: 在js中我们有时想动态的控制一个div显示或隐藏或更多的操作,但如果我们style.display=""可能导致没有效果. 看下面一段代码: 复制代码代码如下: <style> #name { display:none; }</style></head><body><div id=

JS setAttribute兼容

问题和表现: 最近实践中遇到的问题,setAttribute()设置在IE7中,无法设置style等属性.这样就对设置样式带了很大的困扰,例如绑定点击事件来隐藏元素,setAttribute(”style“,”dispaly:none“);就可以解决,结果IE7 则无法生效. 关于解决兼容性的办法: 方法一:可以用dom的方法来设置Element的属性例如前面提到的Element.setAttribute("Style","display:none;"); Ele

与你相遇好幸运，The Moe Node.js Code Style Guide

The Moe Node.js Code Style Guide By 一个最萌的开发者 @2016.9.21 >>代码是人来阅读的,格式规范的代码是对编程人员最好的礼物 :) >制表符和空格我们选用和jslint规范一致的格式:两个空格正确的: if(true){ console.log('hi');} >分号每行语句的末尾使用分号结束 console.log('hi'); >编辑器统一开发环境,文件编码无dom头的utf-8编码 >空行删掉 >引

js中style的属性

下面这些属性都是通过js的style来设置css.只是整理了一部分,详细的可以参考相应的学习网站,不好的地方欢迎大家拍砖. alignContent :"" 属性在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项(垂直) alignItems :"" align-items 属性定义flex子项在flex容器的当前行的侧轴(纵轴)方向上的对齐方式 alignSelf :"" align-self 属性定义flex子项单独在侧轴(纵

js中style,currentStyle和getComputedStyle的区别以及获取css样式操作方法

用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的. currentStyle可以弥补style的不足(可获取内联样式,内部样式和外部样式),但是只适用于IE. getComputedStyle同currentStyle作用相同,但是适用于FF.opera.safari.chrome. 注意: currentStyle和getComputedStyle只能用于获取页面元素的样式,不能用来设置相关值. 如果要设置相应值,应使用style. 兼容方法如下: <!d

js setAttribute removeAttribute

<input type="button" value="生效" style="font-size:111px"/> <script type="text/javascript"> //单击"生效"按钮,将其失效 var buttonElement=document.getElementsByTagName("input")[0]; buttonElement.on

js的 style.width 取不到元素的宽度值

以前一直用jquery的.width()方法来获取一个元素的当前的宽度.不管该元素是否设置了宽度,CSS样式是内联.外联or内嵌,都可用此方式获得元素当前的宽度. 今天想用原生JS想获取一个元素宽度时,写document.getElementById("id").style.width或者document.getElementById("id").width都取不到值... 总结了一下.在以下情况下,js原生.style.width或者.width取不到值 1.元素

JS中style属性

解决办法:1.先定义一个CSS规则,然后this.className=''2.document.getElementByIdx_x("a").style.cssText="border-collapse:collapse;border-spacing:1;border:1 solid #0B2565;background-color:white;color:black;text-align='center';" JS操作css的float属性的特殊写法使用js操作c

CSS和JS标签style属性对照表

盒子标签和属性对照 CSS语法(不区分大小写) JavaScript语法(区分大小写) border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBottomWidth border-color borderColor border-left borderLeft bor

setAttribute设置无效

我发现ie浏览器中动态用setAttribute设置style属性值始终不能设置,经过一番查找发现了这篇文字 http://webcenter.hit.edu.cn/articles/2009/05-16/05070500.htm IE并不是不支持setAttribute这个函数,而是不支持用setAttribute设置某些属性,例如对象属性.集合属性.事件属性,也就是说用setAttribute设置style和onclick这些属性在IE中是行不通的. 只想说ie对开发者真是太不人道了. 最后

chrome JS关闭当前页无效问题

如果没有父窗口,JS中 window.opener = null; window.open("", "_self"); window.close(); 对chrome 及Firefox是无效的,那么针对这种情况该怎么办呢. 工具/原料 chrome,Firefox浏览器方法/步骤 1 JS 关闭网页,之前通过以上方式,可以解决Firefox chrome等浏览器不兼容的问题,但是随着浏览器版本升级,现在无效了.会提示: Scripts may close only

js中style,currentStyle和getComputedStyle的区别以及获取css操作方法

在js中,之前我们获取属性大多用的都是ele.style.border这种形式的方法,但是这种方法是有局限性的,该方法只能获取到行内样式,获取不了外部的样式.所以呢下面我就教大家获取外部样式的方法,因为获取外部的样式存在兼容性的问题,所以后面我还会教大家解决兼容性的方法. style:各大浏览器都兼容,能设置样式和获取样式,但是获取不了外部样式,如果写了行内没有的样式,返回的是空值写法:ele.style.attr(这样为获取),ele.style.attr="值"; current

js的style.width取不到元素的宽度值

使用jquery的.width()方法获取一个元素的当前宽度,不管元素是否设置了宽度,css样式时内联外联或者是内嵌,都可以使用这个方法获取元素的宽度. 使用原生js style.width .width取不到值 1 元素没有设置宽度值 2 元素设置了宽度指,但是是内联或者外联样式表中,并非内嵌式的这种方法虽然取不到宽高值,但是可以通过这个方式来设置值可以通过offsetWidth offsetHeight来获取元素的宽高值所以,jquery的width()与js的offsetWidt

JS中style.display和style.visibility的区别

在JS中可以通过设置style.display或者style.visibility属性来控制元素是否显示,在style.display=block和style.visibility=visible的时候,元素被显示,在style.display=none和style.visibility=hidden的时候,元素被隐藏.它们之间最大的区别是通过style.display=none隐藏的时候,元素不占据原来的位置,从文档流中脱离,后续的元素填补其位置.通过style.visibility=hidd

js中style,currentStyle和getComputedStyle的区别

1.style只能获取元素的内联样式,内部样式和外部样式是获取不到的.例子: <div id="test" style="width:100px;height:200px;"></div> alert(document.getElementById('test').style.height); 2.currentStyle和getComputerStyle可以获取元素的内部样式和外部样式,但是currentStyle只适用于IE,getCom

js控制style样式

1.行内样式获取打印出来 2.内嵌和外链的获取不了 <div style="width:200px;height:200px; background: red;"></div> var box=document.getElementsByTagName("div")[0]; console.log( box.style.width) 3.style属性是对象(数组对象) 4.可以索引值取值 console.log(box.style[0]);

js的style.display小问题

在元素添加class样式隐藏display:none; 使用console.log(xx.style.display);//空值

IIS启用GZIP压缩js、css无效的原因及解决方法

IIS启用GZIP压缩之后,原以为可以压缩所有文件了,包括html.CSS.JS.图片这些文件,但是当我检查的时候,发现并不是这样的,压缩的只有html文件,而CSS.JS并没有压缩在卡卡网的网站速度诊断里的检测结果: html网页已经成功启用了GZip压缩 css文件未成功启用GZip压缩后来研究发现,IIS启用GZip时默认压缩的只有html网页,如果需要压缩css.js等文件,还需要另外简单配置一个文件. 打开C:\WINDOWS\system32\inetsrv\MetaBase.x

js设置时间无效的问题

在发送短信息验证码的时候要用到js设置时间倒序问题:有时候这种常规写法会导致js失效,试了很多方法才找到问题所在,可能是因为js版本过低导致. setTimeout(showT(t-1),5000) 解决方法: setTimeout(function(){showT(t-1)},1000)或者:setTimeout("Talert(i)",5000); jquery代码:必须用input设置value值,以便利用jquery更改value值 <<input type=&qu

struts2中css，js等资源无效非路径问题（新手问题）

一个小小的Strust2例子然后发现css,js,图片用不了,debugger下发现无法访问这些资源(404错误),妈的,那个例子明明可以的,起码从书上的图片看. 发现是web.xml中的过滤器的问题,代码是这样的: web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:x

js setattribute('style')无效

热门专题