<div #box></div>
@ViewChild('box') box: ElementRef;
constructor(){
// 不能放在构造函数里面这个时候构造函数中还没有视图没法获取到box元素
}
ngOnInit() {
console.log(this.box.nativeElement);
}
<div class="box"></div>
constructor(private el:ElementRef){
// 同理
}
ngOnInit(){
console.log(this.el.nativeElement);
console.log(this.el.nativeElement.querySelector('.box'));
}
方式一: ViewChild 方式二: ElementRef
angular dom操作 ElementRef获取不同平台视图native元素封装在ElementRef实例的n...
Angular 组件和 DOM 元素通过事件与外部进行通信， Angular 事件绑定语法对于组件和 DOM 元素...
获取dom元素的方法 通过标签名获取dom元素 通过id名获取dom元素 通过类名获取元素 HTML5新方法 通过...
一、JS获取DOM元素和JQuery获取DOM元素的区别 JavaScript获取的是DOM对象，而Jquery获...
ref获取DOM元素vue中获取DOM元素不建议用js直接操作DOM，使用ref可达到操作DOM的效果写法：thi...
DOM: document object model DOM 树 DOM中元素获取的方式 id获取: var oD...
DOM: document object model DOM 树 DOM中元素获取的方式 通过ID获取（getEl...
1. uniapp 获取dom元素的宽高 在uniapp 中由于他禁止操作dom，所以不能直接获取dom元素，框架...
DOM 获取元素 getElementById() 获取id; getElem...
本文标题：angular获取dom元素
本文链接：https://www.haomeiwen.com/subject/tpheoqtx.html
网友评论