首页 > 代码库 > 初学DOM

初学DOM

dom是文档对象模型。

文档节点是Document是最顶层的节点,然后每个web都有一个文档节点。在大部分处理dom的过程都是用document对象。

访问相关的节点,比如我们要访问<html>这是一个我们可以用documentElement来访问

访问指定的节点getElementsByTayName()方法

比如要访问img,如果img的tagName是img

我们可以用 var imgs = document。getElementsByTagName(“img”)来访问

还可以用getElementByName

比如我们设置多个input然后把里面的name设置一样的你要获得里面的一个值

var “新名字” = document。getElementsByName(“name名字”)

getElementById 在html中id的特性值唯一没有其他元素的id可以和其他id一样所以可以很快指定一个元素。

比如我有一个div里面吧id设置为div1 可以用getElementsByTayName但是用getElementById很快就可以取出来

var divs = document.getElementById(div1)这样我们可以跟快获得指定元素。

创建和操作节点

添加:比如我们添加一个p元素

先创建一个p元素

var pp = document。createElement(“p”)在创建你要添加的东西

var tianjia = document。createtestNode(“内容”);

让他添加在某个节点的后面的用appendChiId()

 

初学DOM