gpt4 book ai didi

javascript - 如何在元素之间绑定(bind) css 属性?

转载 作者:行者123 更新时间:2023-11-28 07:48:06 25 4
gpt4 key购买 nike

我希望元素 A 的宽度与元素 B 的宽度相同。每当 B 更改时,A 也应该更改。

angularjs 的做法是什么?

这是一个 fiddle 来说明我的问题: http://jsfiddle.net/ADukg/6684/

<div ng-controller="MyCtrl">
<div class="red"></div>
<div class="blue" style="width: {{ // how do I get the red div's width? }}px"></div>
</div>

最佳答案

希望下面的链接对你有帮助

http://plnkr.co/edit/h9MsdAUk0AFloHQu5eNu?p=preview

HTML代码

  <body>
<h1>Hello Plunker!</h1>
<div ng-controller="MyCtrl">
<div id='red' class="red"></div>
<div class="blue" ng-style="{width:{{getRedWidth()}}}"></div>
</div>
</body>

脚本.js文件

var app = angular.module('app', []);

app.controller('MyCtrl', function mainController($scope){

$scope.getRedWidth = function (){

var red = document.getElementById('red');
var redWidth = red.offsetWidth;
console.log(redWidth);
return "'"+redWidth+"px'";
}
});

关于javascript - 如何在元素之间绑定(bind) css 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30593732/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com