本文主要是介绍JS的DOOM操作,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
DOM:document object model
DOM操作:增删改查
查:查找元素
1.document.getElementById() 返回的是元素对象
2.document.getElementsByClassName() 返回的是数组
3.document.getElementsByTagName()返回的是数组
4.document.getElementsByName()返回的是数组 表单专用
5.document.querySelector(“css选择器”)元素对象
6.document.querySelectorAll(“css选择器”)数组
改:
class:代表类
改属性:1.通过对象的形式 2.setAttribute(“属性名”,“属性值”)
改内容:innerText:拿到的是元素开始 标签到结束标签之间的文本内容
innerHTML:拿到的是元素开始标签到结束标签之间的内容
删:
删属性: removeAttribute(“属性名”);
删内容:innerHTML=""
删元素:父元素对象.removeChild(“要删除的子元素对象”)
增:1.创建元素 createElement(标签)
2.父元素对象.appendChild(“子元素对象”)
3.加属性和内容 参照第二步
这篇关于JS的DOOM操作的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!