英溯IT论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 713|回复: 0

通过 ID 获取元素并在组件中使...

[复制链接]

94

主题

101

帖子

510

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
510
发表于 2023-1-24 08:10:18 | 显示全部楼层 |阅读模式
我们可以使用标准的 Javascript 方法通过其 id 获取元素:
document.getElementById("dataBlock").innerHTML = "";
然而,在 Angular 中,引用元素的首选方式是使用模板引用变量:
<div #dataBlock></div><button (click)="dataBlock.innerHTML = ''">Clear content</button>
该变量还允许在@ViewChild 的帮助下访问代码中的元素:
@ViewChild("dataBlock") block: ElementRef;clearContent() {  this.block.nativeElement.innerHTML = "";}

https://www.coder.work/article/317888

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|英溯IT论坛 ( 沪ICP备13022730号-6 )

GMT+8, 2024-4-29 15:54 , Processed in 0.111265 second(s), 18 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表