本文整理汇总了TypeScript中angular2/src/platform/browser/browser_adapter.BrowserDomAdapter.setInnerHTML方法的典型用法代码示例。如果您正苦于以下问题:TypeScript BrowserDomAdapter.setInnerHTML方法的具体用法?TypeScript BrowserDomAdapter.setInnerHTML怎么用?TypeScript BrowserDomAdapter.setInnerHTML使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类angular2/src/platform/browser/browser_adapter.BrowserDomAdapter
的用法示例。
在下文中一共展示了BrowserDomAdapter.setInnerHTML方法的1个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: onMouseEnter
onMouseEnter( event )
{
this._div = this._dom.createElement( 'div' );
this._dom.appendChild( this._element.nativeElement, this._div );
this._dom.setInnerHTML( this._div, this.data.tip );
this._dom.setStyle( this._div, 'display', 'block' );
this._dom.setStyle( this._div, 'font-size', '20px' );
this._dom.setStyle( this._div, 'font-weight', 'bold' );
this._dom.setStyle( this._div, 'position', 'absolute' );
this._dom.setStyle( this._div, 'background', '#262626' );
this._dom.setStyle( this._div, 'color', '#ccc' );
this._dom.setStyle( this._div, 'padding', '3px 12px' );
this._dom.setStyle( this._div, 'border', '1px solid #444' );
this._dom.setStyle( this._div, 'border-radius', '3px' );
this._dom.setStyle( this._div, 'box-shadow', '3px 3px 10px rgba(0, 0, 0, 0.5)' );
this._dom.setStyle( this._div, 'z-index', '1000' );
this._dom.setStyle( this._div, 'white-space', 'nowrap' );
}