转 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差不多的方法。用法和这个一样大家有兴趣的可以去百度一下。所以我这里也就不说了,都不太常用。
好这章就到这里了,下章开始就用开始教大家写一些效果了。