javascript DOM

Posted 2020-11-25 wepedblogs

文档：DOM中的“D”;

对象：DOM中的“O”：

　　 js中的对象分为三类：

• 用户定义对象： 自行创建的对象。
• 内建对象：内建在javascript中的对象，如Array，Math等。
• 宿主对象：由浏览器提供的对象。最基础的对象为windows对象。

模型：DOM中的“M”。

节点：它表示网络中的一个连接点。一个网络就是由一些节点构成的集合。

元素节点：标签的名字就是元素的名字。

文本节点：<p>元素包含着文本，他就是就是一个文本节点。

属性节点：属性节点用来对元素做出更加详细的描述，例如：

<p title="a gentle reminder">Don‘t forget to buy this stuff.</a>

在“DOM”中，title=“a gentle reminder”是一个属性节点。

获取元素：

1. getElementById

　　这个方法将返回一个与给定ID属性节点相对性的对象，document.getElemetById(id)

        2.  getElementsByTagName

      这个方法返回一个对象数组，每个对象对应着文档里给定标签的一个元素。允许把一个通配符作为他的参数。

　　3.  getElementByClassName

　　　通过class属性中的类名来访问元素。返回的也是一个具有相同类名的元素的数组。

 获取和设置属性　　　　

• getAttribute  获取属性

var paras = document.getElementsByTagName("p");
for(var i=0;i<paras.length;i++)
{
    var title_text = paras[i].getAttribute("title");
    if(title_text)
    alert(title_text);  
}
    

• setAttribute  设置属性

通过setAttribute对文档做出修改后，但是在查看文档代码是会发现源代码还是原来的属性值，也就是说，setAttribute做出的修改不会反应在文档本身的源代码里面。

这种现象是因为DOM的工作模式：先加载网站的静态内容，在动态刷新，动态刷新不影响文档的内容。