HTML DOM className 属性

最新推荐文章于 2023-09-07 18:50:20 发布
最新推荐文章于 2023-09-07 18:50:20 发布
阅读量184 收藏
点赞数
分类专栏： HTML DOM 文章标签： HTML CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangxiuen/article/details/83397579
版权
[size=large]定义和用法
className 属性设置或返回元素的 class 属性。

语法
object.className=classname实例
本例展示了两种获得 <body> 元素的 class 属性的方法：

<html>
<body id="myid" class="mystyle">

<script type="text/javascript">
x=document.getElementsByTagName('body')[0];
document.write("Body CSS class: " + x.className);
document.write("<br />");
document.write("An alternate way: ");
document.write(document.getElementById('myid').className);
</script>

</body>
</html>输出：

Body CSS class: mystyle
An alternate way: mystyle[/size]
yangxiuen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOM操作一些常用的属性汇总
12-09
5. **className属性**： - **语法**：`Object.className = classname` - **作用**：获取或设置元素的CSS类名，可以用来切换或添加样式，改变元素外观。 - **注意**：`className`用于一次性设置多个类名，多个类名...
遍历DOM对象内的元素属性示例代码
09-04
在DOM元素对象中，这些属性包括如`id`、`className`、`innerHTML`等标准属性，也可能包含自定义属性。以下是使用`for...in`循环遍历`objBtn`元素属性的代码： ```javascript function showBtn() { var tmp = ""; ...
3.控制类名（className 属性）
weixin_33966095的博客
03-06 398
className 属性设置或返回元素的class 属性。 语法： object.className = classname 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观 看看下面代码，获得 <p> 元素的 class 属性和改变className： 结果: 转载于:https://www.cnblogs.c...
DOM className属性
Focus-Fe
03-18 334
DOM className属性              -----设置或返回元素的class属性。   obj.className = classname;     案例展示：   &lt;div id="test" class="myClass"&gt;&lt;/div&gt;   console.log(document.getElementB...
DOM 控制类名（className 属性） 此应用可以很复杂，
weixin_30632899的博客
06-21 117
控制类名（className 属性） className 属性设置或返回元素的class 属性。 语法： object.className = classname 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观 <title>className属性</title> <style&g...
JavaScript—className 属性
JAVA那些事
07-28 1688
定义和用法 　　className 属性设置或返回元素的 class 属性。 语法 object.className=classname 实例 　　本例展示了两种获得 元素的 class 属性的方法：<html> <body id="myid" class="mystyle"><script type="text/javascript"> x=document.getElementsByT
控制类名（className 属性）设置或返回class属性
weixin_30619101的博客
06-11 304
控制类名（className 属性） className 属性设置或返回元素的class 属性。 语法： object.className = classname 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观 看看下面代码，获得 <p> 元素的 class 属性和改变c...
JavaScript变量Dom对象的所有属性
10-15
在给定的代码示例中，第一段代码通过`for...in`循环遍历了DOM对象的所有可枚举属性，无论这些属性是否在HTML中定义。这会显示诸如`onclick`、`innerHTML`等属性，甚至可能包括一些浏览器特定的属性。 第二段代码则...
需要做特殊处理的DOM元素属性的访问
12-12
代码如下: var props = { ’for’ : ‘htmlFor’, ’class’: ‘className’, readonly: ‘readOnly’, maxlength: ‘maxLength’, cellspacing: ‘cellSpacing’, rowspan: ‘rowSpan’, colspan: ‘colSpan’, ...
es6 Class 的 name 属性
歪脖先生的博客
02-01 948
Class 的 name 属性 由于本质上，ES6 的类只是 ES5 的构造函数的一层包装，所以函数的许多特性都被Class继承，包括name属性。 class Point {}Point.name // "Point" name属性总是返回紧跟在class关键字后面的类名。
javascript系列之className属性
最新发布
StayAlive1887的博客
09-07 760
className是一个Element接口中的属性，它可以获取和设置一个HTML元素的class属性值。它会返回一个字符串，代表了HTML元素的class属性，如果一个HTML元素有多个class，它也会一并返回。</</</</</</</tmp🍺 🎶倘若一个元素是SVGElement，className同样可以是SVGAnimatedString的一个实例。
JavaScript11 classname属性
zhiying_08的博客
11-12 345
.d1{ display: none; } .show{ width: 200px; height: 100px; background: gold; display: block; } 显示/隐藏 /*class 是保留字.保留字不能直接使用,所以添加class类名属性 * 使用className来表示 *  */ var btn=docu
JS之ClassName属性使用
weixin_30651273的博客
11-29 191
一、style与className属性的对比 在前面的style属性学习中,知道了通过style属性可以控制元素的样式,从而实现了行为层通过DOM的style属性去干预变现层显示的目地,但是这种就是不好的,而且为了实现通过DOM脚本设置的样式，你就不得不花时间去研究JavaScript函数,去寻找对应修改和设置样式的有关语句。而且每添加或修改js脚本的代码量远大于我们修改css样式的代码量。 ...
09 JavaScript DOM技术-className属性
苏伟雄个人博客
02-28 2982
className属性 一，calssName主要作用 className属性是一个可读可写的的属性，若只要是元素节点都有className属性，可以使用className属性得到一个元素的class属性并且还能用于赋值操作。这个操作可以用来为对应节点设置已有的CSS样式。 方式 element.className = value 二，优化className属性操作 通过上述介绍的方式来只有设置...
JavaScript第九章：className属性
里脊的博客
10-15 782
   与其使用DOM直接改变某个元素的格式，不如通过JavaScript代码去更新这个元素的class属性。    我们回顾下上一节中styleHeaderSiblings是如何添加样式的： function styleHeaderSiblings(){ if(!document.getElementsByTagName) return false; v...
className属性以及函数抽象
One of thre_tigers的博客
01-23 899
在之前的文章中，我们使用DOM方法进行了添加，修改，样式设置，更新属性…，但是我们不得不思考一个问题：JavaScript作为处理行为层的语言实现交互，然而我们却用来处理表示层的信息，那么JavaScript岂不是和CSS性质无异？我们想要更换某些元素的样式，就只能去设置函数更改与样式设置有关的语句。这不是最好的方法，也不是JavaScript的意义所在，**更高明的方法是：与其使用DOM直接改变...
js的className属性使用方法
HuangsTing的博客
10-30 8977
我们都知道通过className属性设置某个元素的class属性时将替换该元素原有的class设置。 如果需要的的“追加”效果而不是“替换”，可以利用字符串拼接操作，把新的class设置追加到className属性上去。 elem.className += &quot; intro&quot;; //注意：intro的第一个字符是空格 为了方便使用，可以封装一个addName函数。这个函数带两个参数：第一个是需要...
javascript中ClassName属性的详解与实例
weixin_30463341的博客
07-04 328
在javascritp中，我们可以通过style属性可以控制元素的样式，从而实现行为层通过DOM的style属性去干预显示层显示的目标，但是这种方法是不好的，而且为了实现通过DOM脚本设置的样式，你不得不花时间去研究javascrip函数，去寻找对应修改和设置样式的有关语句。而且每次修改和添加JS脚本的工作量远远大于我们修改CSS属性的量。 与其使用DOM修改元素样式，不如使用函数去更新他的CL...
className会重置原class属性
Park_Geun_hye的博客
02-19 720
先上一段代码来看下这个代码的结果不是addClass吗，为什么没有变蓝色呢??我们可以打个点来看下发生什么问题打如下图的点：ok，接下来刷新一下页面，变成这样了.......天啊，原来已经变成蓝色了，只是在下面遍历的时候，className=“inner”把原来的类覆盖了，或者说重置了这是打点停住时候发生的事情，原来的c1被盖了所以，点题一下：className属性是会覆盖掉原来的class属性简...
html dom常用方法大全
07-17
以下是HTML DOM中常用的一些方法： 1.ById(id)：通过元素的id属性获取元素。...这只是一小部分常用方法，HTML DOM还有很多其他方法和属性可供使用。可以根据具体需求查阅相关文档或参考教程来了解更多方法和属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值