码迷,mamicode.com
首页 > Web开发 > 详细

js DOM操作

时间:2019-01-04 12:31:20      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:属性   move   移除   设置   一个   bsp   tag   添加   ntb   

查找元素:
               根据id获取元素
               document.getElementById("id");
               根据class获取元素
               document.getElementsByClassName("class");
               根据标签名获取元素
               document.getElementsByTagName("div");
               根据name获取元素
               document.getElementsByName("name");
        操作内容:
               1.获取对象里的html代码与文字
                 获取的对象.innerHTML;
2.获取对象里的文字----兼容有问题
  获取的对象.innerText;textContent;

             

 

               3.改变对象里的html代码与文字

获取的对象.innerHTML="改变的内容";

 

4.改变对象里的文字----兼容有问题

获取的对象.innerText="改变的内容";

 

表单可进行的特殊操作

1.获取对象的value值

 获取的对象.value

操作属性

1.设置一个属性,添加或更改

获取的对象.setAttribute("属性名","属性值")

2.获取属性的值

获取的对象.getAttribute("属性名");

3.移除一个属性

获取的对象.removeAttribute("属性名");

   操作样式

1.操作样式

获取的对象.style.样式=”” ;     //操作时属性所有的-都删除  后面的第一个字母改成大写

2.获取样式

Var a = 获取的对象.style.样式

 

checked="checked" 

false

aaa[a].checked = true;    //判断是否被选中

js DOM操作

标签:属性   move   移除   设置   一个   bsp   tag   添加   ntb   

原文地址:https://www.cnblogs.com/hhthtt/p/10218475.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!