首页 > 其他 > 详细

dom操作

时间:2018-03-27 01:06:09      阅读:276      评论:0      收藏:0      [点我收藏+]

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

找元素;

不同的标签名和属性;

document.getElementById(   );  //id属性

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

document.getElementByClass(   ); //class属性

document.getElementByName(   );     //name属性

 

 

操作元素;

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

 操作内容:

    非表单元素:

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

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

    表单元素:

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

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

    操作属性:

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

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

    操作样式:

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

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

dom操作

原文:https://www.cnblogs.com/LQK157/p/8654805.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!