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

Posted 2021-05-04

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

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

<div id="wrapper" set-height>

像这样

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

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

<div id="wrapper">

答案

假设您的div和textarea具有以下代码，

<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');

希望这可以帮助..！！