前端知识积累

睿里睿气

于 2024-09-22 15:10:47 发布

阅读量450

点赞数 3

分类专栏： JavaScript 文章标签：前端

本文链接：https://blog.csdn.net/weixin_44630050/article/details/141140068

版权

JavaScript 专栏收录该内容

38 篇文章

订阅专栏

daos@TOC

什么是CSSOM

CSSOM 即 CSS Object Model（CSS 对象模型）。
CSSOM 是一种将 CSS 样式表解析为可被 JavaScript 操作的对象结构的模型。

它允许 JavaScript 访问和修改 CSS 样式信息，从而实现动态地更改页面的样式。

例如，通过 CSSOM，可以使用 JavaScript 来获取某个元素的样式属性值、修改样式属性、添加或删除样式规则等。

以下是一个简单的示例，展示如何通过 CSSOM 获取元素的样式属性：

<!DOCTYPE html>
<html lang="en">

<head>
  <style>
    #myElement {
      color: red;
      font-size: 20px;
    }
  </style>
</head>

<body>
  <div id="myElement">Hello World!</div>

  <script>
    var element = document.getElementById('myElement');
    var style = window.getComputedStyle(element);
    var color = style.color;
    console.log(color); 
  </script>
</body>

</html>

在这个例子中，通过 getComputedStyle 方法获取了元素应用的实际样式值。

CSSOM 对于实现响应式设计、动态主题切换、根据用户交互更改样式等功能非常有用。

UserAgent定义

参考官网：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/web-default-useragent-0000001879251957
内核：ArkWeb
默认UserAgent
获取设备类型，代码：hdc shell param get const.product.devicetype, 获取值为phone
权限：const开头的这种肯定是不能修改的