dom操作

Posted volition丶L

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了dom操作相关的知识,希望对你有一定的参考价值。

DOM操作简单来说就是分为两部分,找到元素  和   操作元素

找元素;

不同的标签名和属性;

document.getElementById(   );  //id属性

document.getElementByTagName(   );  //返回数组属性

document.getElementByClass(   ); //class属性

document.getElementByName(   );     //name属性

 

 

操作元素;

操作元素又分为操作元素内容;操作元素属性;操作元素样式;添加事件;添加删除标签等

 操作内容:

    非表单元素:

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

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

    表单元素:

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

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

    操作属性:

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

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

    操作样式:

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

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

以上是关于dom操作的主要内容,如果未能解决你的问题,请参考以下文章

操作DOM

web性能优化--减少DOM操作

Jquery基础之DOM操作

使用JQuery操作DOM

操作DOM -------JavaScrip

使用JQuery操作DOM