JavaScript操作DOM的方法有：1、获取节点，代码为【document.getElementById();】；2、css选择器，代码为【document.querySelector()】；3、文档结构，代码为【parentNod】。
JavaScript操作DOM的方法有：
一、获取节点
document.getElementById();//id=""document.getElementsByName();//name=""document.getElementsByTagName();//"input"document.getElementsByClassName();//class=""
登录后复制
二、css选择器
document.querySelector();//根据css选择器规则返回第一个匹配到的元素，"#div1>p"document.querySelectorAll();//返回所有匹配到的元素
登录后复制
三、文档结构
立即学习“Java免费学习笔记（深入）”；
//(1)作为节点数的文档 parentNode //获取该节点的父节点 childNodes //获取该节点的子节点数组 firstChild //获取该节点的第一个子节点 lastChild //获取该节点的最后一个子节点 nextSibling //获取该节点的下一个兄弟元素 previoursSibling //获取该节点的上一个兄弟元素 nodeType //节点的类型，9代表Document节点，1代表Element节点，3代表Text节点，8代表Comment节点，11代表DocumentFragment节点 nodeVlue //Text节点或Comment节点的文本内容 nodeName //元素的标签名(如P,SPAN,#text(文本节点),DIV)，以大写形式表示 //注意，以上6个方法连元素节点也算一个节点//(2)作为元素树的文档 firstElementChild //第一个子元素节点 lastElementChild //最后一个子元素节点 nextElementSibling //下一个兄弟元素节点 previousElementSibling //前一个兄弟元素节点 childElementCount //子元素节点个数量 //注意，此5个方法文本节点不算进去
登录后复制
四、javascript操作DOM
document.getElementById("img1").alt; // 获取alt属性document.getElementById("img1").src=""; //设置src属性document.getElementById("img1").setAttribute("src", "1small.jpg");//非标准document.getElementById("img1").getAttribute("class");//非标准document.getElementsByClassName("cnblogs_code")[0].attributes;//返回节点的所有属性
登录后复制
五、元素内容及节点创建
innerText、textContent //innerText与textContent的区别，当文本为空时，innerText是""，而textContent是undefinedinnerHTMLdocument.createTextNode("我是一个javascript新建的节点
");document.createElement("p");//创建p节点appendChild(); //将一个节点插入到调用节点的最后面insertBefore(); //接受两个参数，第一个为待插入的节点，第二个指明在哪个节点前面，如果不传入第二个参数，则跟appendChild一样，放在最后。removeChild(); //由父元素调用，删除一个子节点。注意是直接父元素调用，删除直接子元素才有效，删除孙子元素就没有效果了。replaceChild(); //删除一个子节点，并用一个新节点代替它，第一个参数为新建的节点，第二个节点为被替换的节点cloneNode(); //克隆节点,参数truedocument.getElementById("div1").style.backgroundColor="#fff";
登录后复制
相关学习推荐：javascript视频教程
以上就是JavaScript操作DOM的方法有哪些？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2727191.html
