js获取类名的3种方法(教你js对象删除某个元素)

获取元素对象例：<ul> <li class=”mo”></li> <li id=”ceshi”></li> <li class=”mo”></li> <li></li></ul>1、通过元素的ID获取document.getElementById(“id”)；例：document.getElementById(“ceshi”)； 选取出来第二个li2、通过元素的名称获取document.getElementByTagName(“元素名”); 注意：获取出来的是一个数组，即使获取出来只有一个标签也是数组例：document.getElementByTagName(“li”); 获取出li数组 [li,li,li,li] 0:li 1:li 2:li 3:li3、通过元素的class获取document.getElementsByClassName(“class”); 注意：1、Elements是用复数 2、获取出来的也是数组例：document.getElementsByClassName(“mo”); 获取出来的class叫mo的数组 [li,li] 0:li 2:li4、HTML5新增的方法1、querySelectordocument.querySelector(“”); 通过css选择器来获取，获取出来的永远是第一个满足条件的元素例：document.querySelector(“ul li.mo”); 获取到一个元素<li class=”mo”></li>2、querySelectorALLdocument.querySelectorAll(“”); 获取全部符合条件的元素例：document.querySelectorAll(“ul li.mo”); 获取到一个数组 (2)[li.mo, li.mo] 0:li.mo 1:li.mo

获取出来的元素名字太长了，每次用起来太麻烦，定义一个变量，来代替这个元素。

例：

var con = document.getElementByTagName(“li”);操作元素对象1、js对元素对象行间属性的操作

行间属性：属性写在标签里的。

读操作

对象名.属性名

<div id=”aa”class=”bb” style”width:100px, backgrond-color:red”></div>var con = document.getElementById(“aa”); 获取元素对象并赋值给变量condocument.write(con.id); 写入div的iddocument.write(con.className); class为系统关键字，不能用。该有classNamedocument.write(con.style.width); 获取style里面的内容再往下写一层documen.write(con.backgroundColor); 复合属性需要去掉中间横线，用小驼峰命名法获取

写操作

对象名.属性名 = 赋值

con.style.width = “100px”;2、innerHTML

innerHTML是个方法属性，用于设置或返回指定标签之间的 HTML 内容。

<div id=”aa”class=”bb” style”width:100px>这是内容</div>var con = document.getElementById(“aa”)；con.innerHTML; 获取con.innerHTML = “这是新赋的值”； 赋值3、innerTEXT

innerHTML是个方法属性，用于设置或返回指定标签之间的 TEXT 内容。