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标签内容