PP.Ui.getPixelSize

Синтаксис

PP.Ui.getPixelSize(el: HTMLElement, stylewidth: String);

Параметры

el. HTML-элемент;

stylewidth. Название стиля.

Описание

Метод getPixelSize возвращает значение размера стиля элемента в пискелях.

Пример

Для выполнения примера необходимо наличие на html-странице ссылок на файлы сценария PP.js и файл стилей PP.css, в теге <body> html-страницы элемента <div> с идентификатором «button». В событии onload тега <body> необходимо указать вызов функции createButton(). Добавляем кнопку на страницу:

var button;
function createButton() {
    // Создаем кнопку
    button = new PP.Ui.Button({
        // Устанавливаем родительский элемент
        ParentNode: document.getElementById("button"),
        // Устанавливаем содержимое кнопки
        Content: "Кнопка",
    });
}

Получаем ширину кнопки в пикселях:

// Получаем ширину кнопки
console.log("Ширина кнопки: " + PP.Ui.getPixelSize(button.getDomNode(), "width"));

В результате в консоль будет выведена ширина кнопки:

Ширина кнопки: 61

Получаем ширину текста содержимого кнопки:

// Получаем ширину текста содержимого кнопки
console.log("Ширина текста содержимого кнопки: " + PP.Ui.getWidthOfElement(button.getContent(), button.getDomNode()));

В результате в консоль будет выведена ширина текста содержимого кнопки:

Ширина текста содержимого кнопки: 39

Получаем суммы высот и ширин внутренних отступов и границ кнопки:

// Получаем суммарную высоту (в пикселях) внутренних отступов и границ кнопки
console.log("Суммарная высота внутренних отступов и границ кнопки: " + PP.Ui.getBordersHeight(button.getDomNode()));
// Получаем суммарную ширину (в пикселях) внутренних отступов и границ кнопки
console.log("Суммарная ширина внутренних отступов и границ кнопки: " + PP.Ui.getBordersWidth(button.getDomNode()));

В результате в консоль будут выведены суммарная ширина и высота внутренних отступов и границ кнопки:

Суммарная высота внутренних отступов и границ кнопки: 6

Суммарная ширина внутренних отступов и границ кнопки: 6

Получаем суммарную ширину и высоту внутренних и внешних отступов и границ кнопки:

console.log("Суммарная высота внутренних и внешних отступов и границ кнопки: " + PP.Ui.getMarginsHeight(button.getDomNode()));
// Получаем суммарную ширину (в пикселях) внешних и внутренних отступов и границ кнопки
console.log("Суммарная ширина внутренних и внешних отступов и границ кнопки: " + PP.Ui.getMarginsWidth(button.getDomNode()));

В результате в консоль будут выведены суммарная ширина и высота внутренних и внешних отступов и границ кнопки:

Суммарная высота внутренних и внешних отступов и границ кнопки: 6

Суммарная ширина внутренних и внешних отступов и границ кнопки: 6

Получаем ширину кнопки без учета внешних и внутренних отступов и границ:

// Получаем ширину кнопки (в пикселя) без учета внешних и внутренних отступов и границ
console.log("Ширина кнопки без учета внешних и внутренних отступов и границ: " + PP.Ui.getOffsetWidthNoMargins(button.getDomNode()));

В результате в консоль будет выведена ширина кнопки без учета внешних и внутренних отступов и границ:

Ширина кнопки без учета внешних и внутренних отступов и границ: 55

См. также:

PP.Ui