JavaScript基础之Dom对象

一、Document：文档对象

1、创建(获取)

window.document
document

2、方法

//获取Element对象
getElementById() //id获取元素对象。id属性值一般唯一
getElementsByTagName() //名称获取元素对象们。返回值是一个数组
getElementsByClassName() //Class属性值获取元素对象们。返回值是一个数组
getElementsByName() //name属性值获取元素对象们。返回值是一个数组

//创建其他DOM对象：
createAttribute(name)
createComment()
createElement()
createTextNode()

二、Element：元素对象

1、获取/创建

window.element
element

2、方法

removeAttribute() //删除属性
setAttribute() //设置属性

三、Node：节点对象，其他几个的父对象

1、方法

//CRUD dom树
appendChild() //添加新的子节点
removeChild() //删除子节点
replaceChild() //新节点替换一个子节点

2、属性

parentNode //返回节点的父节点

四、HTML DOM

1、标签体的设置和获取 innerHTML

2、使用html元素对象的属性

3、控制元素样式

//style属性来设置
        div1.style.border = "1px solid red";
        div1.style.width = "200px";
        div1.style.fontSize = "20px";
	
//类选择器定义样式
div1{
	border:1px solid red;
	width:200px;
	font-size:20px;
}

原文：https://blog.csdn.net/mollen/article/details/82731740