相关疑难解决方法(0)

如何检索HTML元素的实际宽度和高度?

假设我有一个<div>我希望以浏览器的显示(视口)为中心.为此,我需要计算<div>元素的宽度和高度.

我该怎么用?请包含有关浏览器兼容性的信息

html javascript xhtml dhtml

837
推荐指数
7
解决办法
96万
查看次数

获取和设置元素高度的角度方式

我在角度方式上看了这个线程获得元素高度,但作为一个有角度的新手,我需要一些帮助将我自己的js转换为正确的角度.

app.js

var AppModule = angular.module('App', ['ngAnimate', 'ngRoute']);

AppModule.config(function($routeProvider) {
    $routeProvider

        .when('/page:pageNumber', {
            templateUrl: function ($routeParams) {
                return '/app/..../assets/html/page' + $routeParams.pageNumber + '.php';
            },
            controller: "PageCtrl"
        })
        .otherwise({
            redirectTo: "/page1"
        });
});
Run Code Online (Sandbox Code Playgroud)

controller.js

AppModule.controller("ViewCtrl", function($scope, $timeout) {
    $scope.$on("$routeChangeSuccess", function(event, current, previous) {

        $timeout(function() {       
            $scope.animationStyle = "slideRight";
            height = document.getElementById('page' + $routeParams.pageNumber).offsetHeight;

            document.getElementById('document').setAttribute("style","height:" + height + "px");
            document.getElementById('document').style.height='"' + height + 'px"';
        });
    });
});
Run Code Online (Sandbox Code Playgroud)

首先,我不知道怎么打电话$routeParams来得到pagenumber.我尝试注入$routeProvider控制器,但这没有帮助.它似乎也没有$scope.

其次,我不知道是否应该在控制器中放置DOM操作的代码.我只是坚持在那里尝试让它工作(如果我替换它,它会为一页height = document.getElementById('page' …

javascript angularjs

4
推荐指数
1
解决办法
8874
查看次数

标签 统计

javascript ×2

angularjs ×1

dhtml ×1

html ×1

xhtml ×1