Angular 5中的document.querySelector('ClassName').innerHTML不包含内联的CSS。
创始人
2024-10-15 23:01:05
0

在 Angular 5 中,使用 document.querySelector('ClassName').innerHTML 无法获取内联的 CSS。这是因为 Angular 5 使用组件化的方式,将组件的 HTML、CSS 和 JavaScript 代码封装在一个组件文件中,而不是直接操作 DOM。

要获取内联的 CSS,可以使用 Angular 提供的 Renderer2 来实现。Renderer2 是 Angular 的渲染器,用于操作 DOM 元素。

以下是一个示例代码,演示如何使用 Renderer2 来获取内联的 CSS:

首先,导入 Renderer2 和 ElementRef:

import { Component, Renderer2, ElementRef } from '@angular/core';

然后,在组件的构造函数中注入 Renderer2 和 ElementRef:

constructor(private renderer: Renderer2, private el: ElementRef) {}

接下来,在需要获取内联 CSS 的地方,使用 Renderer2 的方法来获取:

ngAfterViewInit() {
  const element = this.el.nativeElement.querySelector('.className');
  const styles = this.renderer.setStyle(element, 'background-color', 'red');
  console.log(styles);
}

在上面的示例中,我们使用 Renderer2 的 setStyle 方法来设置元素的背景颜色为红色,并将获取到的样式打印到控制台。

请注意,上述示例中的 '.className' 应替换为您要获取内联 CSS 的实际类名。

通过使用 Renderer2,您可以在 Angular 5 中操作 DOM 元素,并获得内联的 CSS。

相关内容

热门资讯

玩家必备攻略!wepoker轻... 玩家必备攻略!wepoker轻量版书签,wepoker辅助器如何使用,专业教程(有挂教程)准备好在w...
盘点几款!wepoker私人局... 盘点几款!wepoker私人局俱乐部怎么进,佛手大菠萝辅助,爆料教程(有挂软件)1、玩家可以在wep...
一分钟了解!线上德州的辅助器是... 一分钟了解!线上德州的辅助器是什么,pokemomo辅助软件,AI教程(有挂攻略)1、不需要AI权限...
玩家交流!poker worl... 玩家交流!poker world辅助器,wepoker网页版透视方法,大神讲解(有挂软件)是一款可以...
程序员教你!wepoker底牌... 程序员教你!wepoker底牌透视,拱趴大菠萝开挂方法,玩家教你(有挂技巧)是一款可以让一直输的玩家...
实测揭晓!pokemmo手机版... 实测揭晓!pokemmo手机版脚本免费,wepoker私人局辅助,插件教程(有挂教程);原来确实真的...
最新通报!wpk插件,soho... 最新通报!wpk插件,sohoo辅助,揭秘教程(有挂攻略);1分钟了解详细教程(微信 1367043...
推荐十款!wepoker怎么破... 推荐十款!wepoker怎么破解游戏,sohoo开挂辅助,插件教程(有挂辅助);实战中需综合运用上述...
揭秘几款!哈糖大菠萝免费辅助器... 揭秘几款!哈糖大菠萝免费辅助器,wpk官网下载链接,AA德州教程(有挂攻略);哈糖大菠萝免费辅助器软...
最新研发!wepoker有没有... 最新研发!wepoker有没有插件,hhpoker真能买到挂吗,2025新版总结(有挂教程);实战中...