JavaScript学习笔记(一)

DOM(D:document    O:object    M:map)


1、节点

hello world


JavaScript学习笔记(一)_第1张图片



2、获取元素节点

hello

    

(1)通过元素ID获取节点

document.getElementId("one");//返回的是元素节点对象

(2)通过标签名获取节点

document.getElementsByTagName("p");//返回的是数组元素节点对象,即使只有一个元素也是数组,只是长度为1

(3)通过类Class获取节点

document.getElementsByClassName("two");//返回的是数组元素节点对象,相同类名的对象


3、获取和设置属性节点

必须先获取元素节点后,才能获取和设置属性节点

hello

  

(1)getAttribute    获取属性节点

document.getElementId("one").getAttribute("title");//获取ID为one的元素节点的title属性的值
(2)setAttribute    设置属性节点
document.getElementId("one").setAttribute("title","hello");//设置ID为one的元素节点的title属性的值为hello

你可能感兴趣的:(JavaScript学习笔记)