`

动态添加样式

 
阅读更多

 

 	var getClass = function(ele) {
    	    return ele.className.replace(/\s+/,' ').split(' ');
	};

 

 

  

	var hasClass = function(ele,cls) {
	    return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
	}

 

 

	var hasClass =function(ele,cls){
	      return -1 < (" "+ele.className+" ").indexOf(" "+cls+" ");
	}

 

	var addClass = function(ele,cls) {
	    if (!this.hasClass(ele,cls)) ele.className += " "+cls;
	}

 

	var removeClass = function(ele,cls) {
	    if (hasClass(ele,cls)) {
	        var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
	        ele.className=ele.className.replace(reg,' ');
	    }
	}

 

分享到:
评论

相关推荐

    微信小程序点击view动态添加样式过程解析

    微信小程序点击view动态添加样式主要涉及微信小程序的基础知识,包括微信小程序的视图组件view、数据绑定、事件处理以及样式控制等内容。以下是对这个过程的详细解析: 1. **自定义dataIndex属性**:在微信小程序中...

    asp.net在后端动态添加样式表调用的方法

    本文将详细介绍如何在***的后端代码中动态添加样式表,并给出相应的实现方法和技巧。 首先需要了解的是,在***中动态添加样式表的过程,本质上是在后端创建了HtmlLink对象,并通过编程的方式将其添加到页面的Header...

    再谈javascript 动态添加样式规则 W3C校检

    JavaScript 动态添加样式规则是前端开发中一种常见的技术,特别是在需要实时调整元素样式或创建交互效果时。本文将深入探讨如何使用JavaScript来动态添加、修改和管理样式规则,并确保这些规则符合W3C标准。 首先,...

    再谈动态添加样式规则的方法

    【动态添加样式规则的方法】 在Web开发中,样式与结构的分离是提高代码可维护性和重用性的重要原则。通常,我们会将样式规则写入单独的CSS文件中,然后通过`&lt;link&gt;`标签导入到HTML文档中。然而,面对一些特殊场景,...

    js添加css样式小技巧

    - 在IE浏览器中动态添加样式表。 #### 四、处理iframe中的样式 在处理`iframe`内的样式时,需要注意以下几点: **1. 创建iframe** ```javascript var iframe = document.createElement('iframe'); ``` **...

    给Ajax返回的HTML标签动态添加样式的方法

    总结来说,给Ajax返回的HTML标签动态添加样式的关键在于,在页面加载时预定义好相关的CSS样式规则。这样,无论何时通过Ajax返回的HTML内容被添加到DOM中,这些内容都会直接应用预定义的样式,从而保持页面布局的一致...

    javascript动态添加样式(行内式/嵌入式/外链式等规则)

    最后,操作CSS类的方法也是动态添加样式的一个重要部分。通过JavaScript,我们可以轻松地添加、移除或切换一个元素的CSS类。例如,下面的函数可以检查一个元素是否包含特定的类名: ```javascript var hasClass = ...

    jquery动态添加带有样式的HTML标签元素方法

    如下所示: &lt;table class=exhibit_table xss=removed&gt; 上传计划单 &lt;td xss=removed&gt;&lt;input type=file name=file style=display:inline; width:180px;/&gt; ...button type=button class=btn btn-success btn-...

    JavaScript动态添加css样式和script标签

    - 动态添加样式和脚本是DOM操作中的常见需求,可以通过创建link和script元素节点,并利用appendChild等方法将这些节点添加到DOM树中相应的位置。 4. 动态添加内容的场景与优势 - 动态添加CSS和JavaScript可以实现...

    javascript 动态样式添加的简单实现

    知识点一:动态添加样式的方法 文章中介绍了一种名为createLink的方法,这个方法的作用是动态地创建link元素(即css文件的引用),并将其添加到HTML文档的head部分。具体步骤如下: 1. 创建一个新的link元素。 2. ...

    css样式的动态添加及显示和隐藏等零碎用法

    (其中红色字体是动态添加样式的语句),这是一个动态生成无序列表的函数,用来显示搜索到的wifi信号,其中有3个参数,wifi的名称、加密方式、信号强度。 复制代码代码如下: // create a network list item ...

    WPF后台动态调用样式文件

    5. **动态切换样式**:如果你需要在运行时改变应用的样式,可以通过移除和添加资源字典来实现。例如,如果你有另一个样式文件`AlternativeStyles.xaml`,可以这样切换: ```csharp Application.Current.Resources....

    json转js数组-分页-动态生成html-样式引入

    若需动态添加样式,可以使用JavaScript的`document.createElement('style')`和`document.head.appendChild(style)`方法,或者直接修改元素的`style`属性。 这四个知识点在实际项目中相互配合,可以构建出功能完善的...

    vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法

    总结而言,通过上述方法我们可以实现在Vue中根据鼠标的移入移出事件动态地添加或移除class,从而控制元素的样式变化。这样的交互式效果在用户界面中非常常见,而Vue提供的响应式数据绑定和简洁的模板语法,使得这样...

    QT动态切换样式,几种好看的样式风格

    5. **自定义动画效果**:在QSS中,你可以使用`transition`和`animation`属性为控件添加动态效果,如颜色渐变、大小变化等,使得用户交互更加生动有趣。 在实际开发中,可以结合Qt的信号和槽机制,当用户触发特定...

Global site tag (gtag.js) - Google Analytics