Categories: DOM对象tips

CSSStyleDeclaration cssText 属性 | CSS样式声明对象

返回到:DOM对象:CSS 样式声明对象

定义和使用

cssText 属性用于设置或者返回元素声明的内联样式。

所有主要浏览器都支持cssText 属性

语法

返回 cssText 属性:

element.style.cssText

设置 cssText 属性:

element.style.cssText = style

技术细节

DOM 版本:Level 2 Style CSS
返回值:字符串,表示指定元素的内联样式。

实例

DEMO1:返回 h1 元素的内联样式值。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<h1 style="color: red; font-size:50px;">cssText 属性</h1>

<p>点击按钮返回元素的内联样式。</p>

<button >

DEMO2:设置指定元素的内联样式。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<h1 style="color:red; font-size: 50px">Web176 cssText 属性</h1>

<p>点击按钮设置 h1 元素的内联样式。</p>

<button >
terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

5 天 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

2 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

2 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

3 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

3 周 ago