AngularJs - 按Id设置div和textarea高度。两者都有相同的Id

时间:2017-12-29 06:37:19

标签: javascript html angularjs angularjs-directive

我对html div和textarea有相同的Id,这是由一些插件自动生成的。

已在互联网上搜索过,但大多数结果都像基于给定代码的角色标记

<div id="wrapper" set-height>
像这样

.directive('setHeight', function($window){

我的需要只是想通过使用Angularjs为它们设置高度。 div应该像

<div id="wrapper">

1 个答案:

答案 0 :(得分:0)

假设您的divtextarea包含以下代码,

<div id="wrapper">
    <h1>Hello World</h1>
</div>
<textarea rows="10" col="5" id="wrapper"></textarea>

要为它们提供单独的CSS样式,您可以在css文件中执行以下操作:

div#wrapper {
   background-color: yellow;
}

textarea#wrapper {
   background-color: green;
}

因此,如果你想使用AngularJs做同样的事情,你可以使用document.querySelector()函数来获取元素并使用myEle.css()方法来改变这样的样式:

var divWrapperElement = angular.element(document.querySelector('div#wrapper'));
divWrapperElement.css('background-color','yellow');
var textareaWrapperElement = angular.element(document.querySelector('textarea#wrapper'));
textareaWrapperElement.css('background-color','green');

希望这会有所帮助.. !!