Optimized for modern browsers Javascript dom Control / Touch UI library
- [API테스터] (http://ax5.io)
- [API JSDOC] (http://ax5.io/jsdoc)
- [API SAMPLE] (http://ax5.io/samples)
<head>
<meta charset="UTF-8"/>
<title>ax5</title>
<u><script type="text/javascript" src="pub/ax5.min.js"></script></u>
</head><div id="div-ax5-dom-css" class="script-result">
<div class="target-div"></div>
</div>
<script>
(function(){
var util = ax5.util, el = ax5.dom("#div-ax5-dom-css");
var po = [];
// 인자값을 문자열로 했을 땐 get
po.push( 'el.css("width") => ' + el.css("width") );
var target_div = el.find(".target-div");
// 인자값을 Object로 했을 땐 set
target_div.css({height:50, background:"#ccc", margin:"10px", "text-align":"center", "line-height":50, border:"2px solid #000", "border-radius":10});
po.push( 'target_div.css("height") => ' + target_div.css("height") );
target_div.html("height: 50px;");
// 한번에 여러개의 속성 가져오기
po.push( util.to_json( target_div.css(["width","height","border"]) ) );
el.append( po.join('<br/>') );
})();
</script>