js中设置元素class的三种方法小结_javascript技巧-js教程-PHP中文网

首页

web前端

js教程

js中设置元素class的三种方法小结_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 06:02 PM

class元素

一、el.setAttribute('class','abc');

复制代码代码如下:

setAttribute('class', 'abc')

test div

<script> <BR>var div = document.getElementById('d1'); <BR>div.setAttribute("class", "abc"); <BR></script>

IE6/7 : div背景色不是红色
IE8/9/10/Firefox/Safari/Chrome/Opera : div背景色为红色
结果：IE6/7不支持setAttribute('class',xxx)方式设置元素的class。
二、el.setAttribute('className', 'abc')

复制代码代码如下:

setAttribute('className', 'abc')

test div

<script> <BR>var div = document.getElementById('d1'); <BR>div.setAttribute("className", "abc"); <BR></script>

IE6/7 : div背景色为红色
IE8/9/10/Firefox/Safari/Chrome/Opera : div背景色不是红色
结果：IE8/9/10/Firefox/Safari/Chrome/Opera不支持setAttribute('className',xxx)方式设置元素的class。
很有趣，使用setAttribute的时候第一个参数为class和className的情形在IE6/7和IE8/9/10/Firefox/Safari/Chrome/Opera刚好相反。
三、el.className = 'abc';

复制代码代码如下:

el.className = 'abc'

test div

<script> <BR>var div = document.getElementById('d1'); <BR>div.className = 'abc'; <BR></script>

所有浏览器都支持。

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

在JavaFX中，有哪些不同的路径元素？Aug 28, 2023 pm 12:53 PM

javafx.scene.shape包提供了一些类，您可以使用它们绘制各种2D形状，但这些只是原始形状，如直线、圆形、多边形和椭圆形等等...因此，如果您想绘制复杂的自定义形状，您需要使用Path类。Path类Path类使用此表示形状的几何轮廓您可以绘制自定义路径。为了绘制自定义路径，JavaFX提供了各种路径元素，所有这些都可以作为javafx.scene.shape包中的类使用。LineTo-该类表示路径元素line。它可以帮助您从当前坐标到指定（新）坐标绘制一条直线。HlineTo-这是表

C++程序：向数组中添加一个元素Aug 25, 2023 pm 10:29 PM

数组是一种线性顺序数据结构，用于在连续的内存位置中保存同质数据。与其他数据结构一样，数组也必须具备以某种有效方式插入、删除、遍历和更新元素的功能。在C++中，我们的数组是静态的。C++中还提供了一些动态数组结构。对于静态数组，该数组内可能存储Z个元素。到目前为止，我们已经有n个元素了。在本文中，我们将了解如何在C++中在数组末尾插入元素（也称为追加元素）。通过示例理解概念‘this’关键字的使用方式如下GivenarrayA=[10,14,65,85,96,12,35,74,69]Afterin

html5不支持哪些元素Aug 11, 2023 pm 01:25 PM

html5不支持的元素有纯表现性元素、基于框架的元素、应用程序元素、可替换元素和旧的表单元素。详细介绍：1、纯表现性的元素，如font、center、s、u等，这些元素通常被用于控制文本样式和布局；2、基于框架的元素，如frame、frameset和noframes，这些元素在过去用于创建网页布局和分割窗口；3、应用程序相关的元素，如applet和isinde等等。

jquery怎么移除元素Feb 17, 2023 am 09:49 AM

jquery移除元素的方法：1、通过jQuery remove()方法删除被选元素及其子元素，语法是“$("#div1").remove();”；2、通过jQuery empty()方法删除被选元素的子元素，语法是“$("#div1").empty();”。

如何使用HTML和CSS实现一个具有固定导航菜单的布局Oct 26, 2023 am 11:02 AM

如何使用HTML和CSS实现一个具有固定导航菜单的布局在现代网页设计中，固定导航菜单是常见的布局之一。它可以使导航菜单始终保持在页面顶部或侧边，使用户可以方便地浏览网页内容。本文将介绍如何使用HTML和CSS实现一个具有固定导航菜单的布局，并提供具体的代码示例。首先，需要创建一个HTML结构来呈现网页的内容和导航菜单。以下是一个简单的示例

Python程序用于测试列表中的所有元素是否最大间隔为KAug 28, 2023 pm 05:25 PM

在许多编程场景中，我们都会遇到需要确定列表中的所有元素是否最多相距K个位置的情况。这个问题出现在各个领域，例如数据分析、序列处理和算法挑战。能够测试和验证这些条件对于确保我们程序的完整性和正确性至关重要。在本文中，我们将探索一个Python程序来有效地解决这个问题。我们将讨论这个概念，提出解决问题的分步方法，并提供工作代码实现。读完本文后，您将清楚地了解如何使用Python检查列表中的元素是否最多相距K个位置。理解问题在深入研究解决方案之前，让我们首先详细了解问题陈述。给定一个元素列表，我们需要

Vue3中的ref函数详解：直接访问组件元素的应用Jun 18, 2023 am 11:51 AM

在Vue3中，ref函数是非常有用的，在开发过程中提供了很方便的操作方式。它允许直接访问Vue组件元素并对其进行操作。ref函数是一个创建一个被响应式地绑定的对象的函数。可以在Vue组件中使用它来引用一个元素或子组件，并从父组件操作这些元素或子组件。ref函数返回一个响应式的对象，并通过该对象暴露指定元素或子组件的引用。因此，可以通过该对象直接访问元素或子组

如何在Java中删除ArrayList的所有元素？Sep 20, 2023 pm 02:21 PM

List接口扩展了Collection接口并存储元素序列。List接口提供了两种方法来有效地在列表中的任意点插入和删除多个元素。与集合不同，列表允许重复元素，如果列表中允许空值，则允许多个空值。List提供了add、remove方法来添加/删除元素。为了清除列表或从列表中删除所有元素，我们可以使用List的clear()方法。我们也可以使用removeAll()方法来达到与clear()方法相同的效果。在本文中，我们将通过相应的示例介绍clear()和removeAll()方法。语法-clear

See all articles