WEB开发网
开发学院网页设计JavaScript Javascript教程:如何操作dom 阅读

Javascript教程:如何操作dom

 2012-04-15 09:17:06 来源:WEB开发网   
核心提示:第二种链入样式操作麻烦,第三种链入样式操作麻烦不说,Javascript教程:如何操作dom(2),而且无法直接修改样式,想修改的话还必须用第一种的方法,修改起来也很方便,例如我们要把它的高度变为100,也就是说只能看不能摸第一种链入样式的操作方法例<div id="dom" style=&q

第二种链入样式操作麻烦。
第三种链入样式操作麻烦不说,而且无法直接修改样式,想修改的话还必须用第一种的方法,也就是说只能看不能摸

第一种链入样式的操作方法
例<div id="dom" style="width:300px;height:200px;background:#000;margin-top:10px;"></div>
获取它的高度属性,首先当然是获取DOM元素了,用前几章的方法
var a = document.getElementById("dom");
再来获取它的高度属性,很简单
var h = a.style.height;
以此类推,获取宽度,获取背景色
var w = a.style.width;
var bg = a.style.background;
注意那个外边距属性是margin-top;
要获取这个不能直接写
var mt = a.style.margin-top;
要用JQ中提到的骆驼写法
var mt = a.style.marginTop;

获取它当然没什么用处,我们要能修改,修改起来也很方便。例如我们要把它的高度变为100,很简单,就一句
a.style.height = "100px";
其他的以此类推,我不再多说;

上一页  1 2 3 4 5 6 7  下一页

Tags:Javascript 教程 如何

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接