怎样用javascript屏蔽css样式

html-css012

怎样用javascript屏蔽css样式,第1张

用js定义这个标签的样式class="clearClass"或者style=""

CSS中clearClass是这样的

.clearClass {margin:0empadding:0emborder:nonefont-size:100%font-style:normalfont-weight:normal}

主要是需要重置属性margin,padding,border

===============

明确的说,CSS的特性就是后面样式继承前面的样式。根本就不可能不继承。

你说的这个问题,应该这样理解。

创建了UL,首先会得到UL的CSS,然后才会得到class的CSS。class里面的会覆盖UL相同属性。

明白吗?

===============

说说我的方法吧。如下:

ul = document.createElement('ul')

ul.className = 'clearClass nowClass '

//上面这个会先用clearClass重置样式,然后加载nowClass

不知道这样是否符合你的要求。

table {display:none}

于是,所有TABLE都不能显示了。

我没有权限修改源码,只有一个办法了,就是找一个不支持CSS的浏览器。有两种办法,一是禁止IE执行CSS,二是找一个不支持CSS的浏览器。

第一种办法正是我要问的,第二种办法我尝试了一下,找到一个国产内核的浏览器iTeminal。iTeminal还真不支持那段危险代码,可是只能显示不能登录。

麻烦高手来解决这个问题吧,具体思路还是禁止IE执行CSS。我想,对于一些有黑客经验的人,应该不是难事。

之后在Web Developer工具栏中你能找到这个:

无CSS错误-禁用样式-所有样式(Ctrl+Shift+S)点击这个。

document.getElementById("title").style.top

注意,这个语句抓取的是"文档里ID为title的对象的style属性里的top值",而不是抓取存在于样式表里#title的样式定义.

另外,你上面那个动作已不单纯限于"结构与表现的分离".如果执意要保持标签的干净,那只能在"行为"上去下功夫,在脚本里为对象写入该style属性的值.

<script type="text/javascript">

var objID=document.getElementById("title")

with(objID){

style.top='200px'

style.left='30px'

style.width='200px'

style.height='200px'

}

function x(){

alert(objID.style.top)

}

</script>