美文网首页
angular2 获取 DOM

angular2 获取 DOM

作者: Tothefuture | 来源:发表于2019-01-30 10:18 被阅读0次

html

<div #app1></div>

js

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

export class HomeComponent {

        @ViewChild('app1') app1:ElementRef;

        constructor( private element: ElementRef, private renderer2: Renderer2 ) {}

        ngOnInit() {

                const   a = this.app1.nativeElement;//获取dom元素

                const   b = this.renderer2.parentNode(a);//获取元素父级元素

        }

}

相关文章

  • angular2 获取 DOM

    html js import { Component,OnInit ,ElementRef,Renderer2,V...

  • js获取Dom对象

    通过id获取Dom 通过class获取dom 通过标签获取dom 通过name属性获取dom 通过选择器query...

  • 02-JQuery操作DOM

    一、JS获取DOM元素和JQuery获取DOM元素的区别 JavaScript获取的是DOM对象,而Jquery获...

  • js : DOM+BOM(window.location)

    DOM: document object model DOM 树 DOM中元素获取的方式 id获取: var oD...

  • js第六天笔记

    DOM: document object model DOM 树 DOM中元素获取的方式 通过ID获取(getEl...

  • js dom节点操作

    获取dom节点 新增dom节点 删除dom节点

  • JavaScript获取dom元素

    获取dom元素的方法 通过标签名获取dom元素 通过id名获取dom元素 通过类名获取元素 HTML5新方法 通过...

  • Dom操作

    操作节点 获取节点 获取子节点 更新DOM innerHTMLinnerTEXT 插入DOM appendChil...

  • vue 基础 el data name V-once v-htm

    01、VUE 选择器: 每个框架基于对DOM的操作,能对DOM进行操作都必须获取DOM元素;vue获取DOM的方式...

  • 原生JS中DOM元素的操作

    获取dom 修改属性 .获取对象的属性 .js获取非行内样式属性 innerHTML dom 属性设置与获取 Do...

网友评论

      本文标题:angular2 获取 DOM

      本文链接:https://www.haomeiwen.com/subject/qquqsqtx.html