zoukankan      html  css  js  c++  java
  • 2018.07.27javaScript中的DOM操作

    javaScript中的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;  
  • 相关阅读:
    js练习题2
    js样式
    js小练习
    css动画样式
    css盒子、布局样式
    css一般样式
    css样式、选择器
    html表格、表单
    html 标签
    mysql连接查询,子查询,联合查询
  • 原文地址:https://www.cnblogs.com/sccwxl/p/9378071.html
Copyright © 2011-2022 走看看