Есть xml файл
<?xml version="1.0" ?>
<test>
<style border="5px solid black" hight="350px" width="350px" padding="20px" margin="0px" position="relative" ></style>
</test>
и есть JS код где я вытаскиваю эти стили и присваиваю div
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript">
var g_xml;
$(document).ready(function(){
$.ajax({
type: "GET",
url: "http://localhost/aaa/test.xml",
dataType: "xml",
success: vasa
});
function vasa(xml) {
var div = document.getElementById('divi');
div.style.border = $(xml).find('style').attr('border');
div.style.width = $(xml).find('style').attr('width');
div.style.height = $(xml).find('style').attr('hight');
div.style.padding = $(xml).find('style').attr('padding');
div.style.margin = $(xml).find('style').attr('margin');
div.style.position = $(xml).find('style').attr('position');
}
});
</script>
</head>
<body>
<form onsubmit="return false">
<div id="divi"> </div>
</form>
</body>
</html>
Так вот в чем собственно вопрос.Подскажите пожалуйста,как забирать атрибуты <style> из xml документа с помощью фукции,а не присваивать их явно диву по отдельности?Ну типа что-бы я мог добавить ище несколько атрибутов в <style> в xml документе и они были у <div> с id="divi" ,и мне не нужно было влазить в код при добавлении ище нескольких атрибутов из xml документа?