转 javascript针对DOM的应用,三

javascript针对DOM的应用(三)

前两章讲了获取DOM元素。这章就开始讲如何操作dom。1.针对页面上有的DOM元素操作,无非就是对这个dom元素的样式进行操作。如果这个DOM元素没有样式也就谈不上操作了。2.我们也可以直接用JS动态的向html里写入DOM元素。

今天这章我们就讲这两个应用

(一)对html里现有的DOM元素进行操作。

我上面说了,对现有的DOM元素进行操作,无非就是对样式的操作。所以我们首先就要能获取这个DOM元素的样式。在讲获取DOM元素的样式之前。先要说下DOM元素的样式链接方式。有三种。

一是直接在html文档里写入样式例如

<div ></div>。

二是在html文档头部用样式标签插入例如

<style>

#dom{width:300px;height:200px;background:#000;}

</style>

三就是我们常用的链入方式例如

<link rel="stylesheet" type="text/css" href="css.css" />

这三种的用JS操作它样式的方法都不太相同

重点我们说第一种链入样式操作,因为是最常用的,也是最方便的

第二种链入样式操作麻烦。

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

第一种链入样式的操作方法

例<div ).appendChild(newobj)

这就算是完成了。JS里有很多和appendChild差不多的方法。用法和这个一样大家有兴趣的可以去百度一下。所以我这里也就不说了,都不太常用。

好这章就到这里了,下章开始就用开始教大家写一些效果了。