dom对象基础

dom操作

1、找到元素（标签对象）

　　标签名：

　　　　document.getElementsByTagName()[];　　//返回的是数组类型，需要有下标来找内容

　　属性：

　　　　document.getElementById();　　//id属性值

　　　　document.getElementsByName()[];　　//name属性值　　返回的是数组类型，需要有下标来找内容

　　　　document.getElementsByClassName()[];　　//class属性值

2、操作元素

　　操作内容：

　　　　非表单元素：

　　　　　　标签对象.innerHTML　　//获取标签内容

　　　　　　标签对象.innerHTML = 内容　　//修改标签内容

　　　　表单元素：

　　　　　　标签对象.value　　//获取标签内容

　　　　　　标签对象.value = 内容　　//修改标签内容

　　　　操作属性：

　　　　　　标签对象.getAttribute("属性名") 　　//获取标签属性值

　　　　　　标签对象.setAttribute("属性名","属性值")　　//设置标签属性值

　　　　操作样式：

　　　　　　标签对象.style.color 　　//获取标签样式值

　　　　　　标签对象.style.color = "red";　　//设置标签样式值,要带双引号