js DOM操作

Posted 2021-02-01 fdbnf

查找元素：

               根据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;    //判断是否被选中