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
js获取类名的3种方法(教你js对象删除某个元素)

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

例:

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 内容。

发表评论

登录后才能评论