DOM操作简单来说就是分为两部分,找到元素 和 操作元素
找元素;
不同的标签名和属性;
document.getElementById( ); //id属性
document.getElementByTagName( ); //返回数组属性
document.getElementByClass( ); //class属性
document.getElementByName( ); //name属性
操作元素;
操作元素又分为操作元素内容;操作元素属性;操作元素样式;添加事件;添加删除标签等
操作内容:
非表单元素:
标签对象.innerhtml //获取标签内容
标签对象.innerHTML = 内容 //修改标签内容
表单元素:
标签对象.value //获取标签内容
标签对象.value = 内容 //修改标签内容
操作属性:
标签对象.getAttribute("属性名") //获取标签属性值
标签对象.setAttribute("属性名","属性值") //设置标签属性值
操作样式:
标签对象.style.color //获取标签样式值
标签对象.style.color = "red"; //设置标签样式值,要带双引号