Как получить край, заполнение, высоту, границу и т. Д. В Div. Вы можете сказать, что вы можете напрямую получить его с помощью document.getElementById ("id"). Но то, что вы сказали, может получить только атрибуты, написанные непосредственно на метке, и атрибуты вне стиля метки не могут быть получены (например, атрибуты в файле CSS). Следующие методы могут быть получены.
Рендеринги в экземпляре следующие:
JS не может напрямую получить атрибуты в CSS при получении атрибута CSS, поэтому вам нужен один метод для этого.
GetStyle (obj, attr) Метод вызова Описание: OBJ - это объект, ATTR - это совместимость имени атрибута, должна быть совместима с написанием JS (см.: JS может управлять стилем стиля).
JS -код
Код кода копирования следующим образом:
Function getStyle (obj, attr) {
var IE =!+"/v1";
Iftr == "founalposition") {// ie6 ~ 8 не совместим с написанием фоновой установки для идентификации FounalPositionx/y
if (т.е.) {{
Return obj.currentStyle.backgroundpositionx +" +obj.currentStyle.backroundpositiony;
}
}
if (obj.currentStyle) {
Вернуть obj.currentStyle [attr];
}
еще {
Return document.defaultview.getComputedStyle (obj, null) [attr];
}
}
Полный код тестирования экземпляра:
HTML -код
Код кода копирования следующим образом:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<Title> JS Получите значение атрибута CSS в классе определенного элемента </title>
<style>
#Box1 {Margin: 5px;
{Граница: 1PX #CCC; 12px;}
A: Hover {Color: #ff0000;
</style>
</head>
<тело>
<div Id = "Box1"> Box1 CSS.#Box1 {Margin: 5px;
<A href = "javascript:;" onclick = "getcss ('margintop')"> Получить маржу
<A href = "javascript:;" onclick = "getCss ('paddingTop')"> Получить накладную </a> < /> <br />
<A href = "javascript:;" onclick = "getcss ('height')"> Получить высоту </a> <br />
<Скрипт>
// Получить значение атрибута в классе
var divs = document.getElementbyId ("box1");
Function getStyle (obj, attr) {
var IE =!+"/v1";
Iftr == "founalposition") {// ie6 ~ 8 не совместим с написанием фоновой установки для идентификации FounalPositionx/y
if (т.е.) {{
Return obj.currentStyle.backgroundpositionx +" +obj.currentStyle.backroundpositiony;
}
}
if (obj.currentStyle) {
Вернуть obj.currentStyle [attr];
}
еще {
Return document.defaultview.getComputedStyle (obj, null) [attr];
}
}
Функция getCss (typ) {
Оповещение (getStyle (divs, typ));
}
</script>
</body>
</html>