【JS资料】常用dom操作语句

通过元素的ID名获取元素:getElementById();
通过元素的Class名获取元素集合:getElementsByClassName();
通过元素的种类获取元素集合:getElementsByTagName();
通过元素的name名获取元素集合:getElementsByName();
创建一个元素节点:createElement();
创建一个文本节点:createTextNode();
将文本节点放入元素节点appendChild();
创建一个属性节点:createAttribute();
给元素节点添加属性节点:setAttributeNode();
给元素设置属性:setAttribute(属性,属性值);
移除属性:removeAttribute(属性名);
移除子节点:removeChild();
替换子节点:replaceChild(新,旧);
在指定节点前插入节点(插入的节点,指定的节点);
获取或设置HTML内容:innerHTML;
获取或设置元素的文本:innerText;
获取节点的子节点集合:childNodes;
获取节点的子元素节点集合:children;
返回父元素节点:parentElement;
返回父节点:parentNode;
返回同级下一个元素节点:nextElementSibling;
返回下一个节点:nextSibling;
返回同级上一个元素节点:previousElementSibling;
返回同级上一个节点:proviousSibling;
返回属性的集合:attributes;
返回节点名:nodeName;
返回节点值:nodeValue;
返回节点类型:nodeType;

posted @ 2021-12-12 10:35  不朽的飞翔  阅读(236)  评论(0编辑  收藏  举报