DOM操作

DOM操作：找到元素、操作元素

1、找元素（返回元素对象）

var obj = document.getElementById("dd");
　　　　　　document.getElementsByName();
　　　　　　document.getElementsByTagName("");
　　　　　　document.getElementsByClassName();

2、操作元素内容

非表单元素：obj.innerHTML=123；  //修改内容

　　　　　　obj.innerHTML              //获取内容
表单元素：obj.value                 //获取值

　　　　　obj.value=123        //修改值

 

3、操作元素属性：

obj.setAttribute   // 设置元素属性

obj.getAttribute   //获取元素属性值

obj.gremoveAttribute   //删除元素属性

 

<div></div>
obj.setAttribute("id","btn");   即： <div id="btn"></div>

<div id="btn"></div>
obj.getAttribute("id"); =>即：获取的是btn

4、操作元素样式

obj.style.color(只能操控行内的，外部引用不可以）

 

5、操作元素事件

 

obj.onclick = function(){}      //点击事件放在js中

obj.addEventListener('click',f1);    //一个事件多个方法时使用  （没有”on标志”）

obj.addEventListener('click',f2);

 

6、创建删除元素

 

obj.remove();　　　　//删除标签
var div = document.createElement('div');　　　　//创建<div>标签
即：//<div></div>
div.innerHTML = 123;　　　　//修改div标签内容