通过javascript添加样式类 [英] adding style class through javascript

问题描述

我如何通过javascript

how do i assign a css class through javascript

推荐答案

如果元素上没有现有的类，那么SO页的第一个选项不正确.另外，简单地删除和附加以替换类名称存在一个问题，因为在某些浏览器(例如MS-IE6)中，CSS依赖于顺序(例如h1.classA.classB与h1.classB.classA不同) .

我使用类似于(E& OE)的代码:

The SO page''s first option is incorrect if there are no existing classes on an element. Also, there is a problem with simply deleting and appending to replace a class name in that in some browsers (e.g. MS-IE6) the CSS is order dependent (e.g. h1.classA.classB is not the same as h1.classB.classA).

I use code similar to (E&OE):

function trimAndCondenseSpaces(str)
{
   return str.replace(/^\s+/, '').replace(/\s+

/，' ').replace(/\ s { 2 ，}/，' '); } // trimAndCondenseSpaces 函数 getElement(elementOrId)// Arg是元素ID或DOM节点.结果是DOM节点 { 返回( typeof elementOrId == ' string' ? 文档 .getElementById(elementOrId) :elementOrId ); } // getElement 函数 hasClass(elementOrId，className)// 返回:true如果存在课程，则为false { // 类名被空格包围，除非它是第一个/最后一个 var el = getElement(elementOrId); 返回(新 RegExp (' (^ | \\ s)' + className + ' (\\ s |

/, '').replace(/\s{2,}/, ' '); } // trimAndCondenseSpaces function getElement(elementOrId) // Arg is element id or DOM node. Result is DOM node { return ( typeof elementOrId == 'string' ? document.getElementById(elementOrId) : elementOrId ); } // getElement function hasClass(elementOrId, className) // Returns: true if class present, false if absent { // Class name is surrounded by whitespace unless it is the first / last var el = getElement(elementOrId); return (new RegExp('(^|\\s)' + className + '(\\s|

这篇关于通过javascript添加样式类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！