zoukankan      html  css  js  c++  java
  • JS dom最常用API

     //document方法:
        var cont = document.getElementByIdx_x('cont');

        //className给标签添加class
        cont.className = 'fcolor';

        //setAttribute方法可以添加一些属性,但是不是css样式哦!
        var a_id = document.getElementByIdx_x('a_id');
        a_id.setAttribute('href','http://www.oeeee.com');

        //getAttribute所产生的内容
        var a_att = a_id.getAttribute('href');
        document.write('getAttribute所产生的内容:' + a_att + '<br>' + '<br>');

        //removeAttribute所产生的内容
        var a_att = a_id.removeAttribute('href');
        document.write('removeAttribute后所产生的内容:' + a_att + '<br>' + '<br>');

        //innerHTML获得html内容
        document.write('innerHTML所产生的内容:' + cont.innerHTML + '<br>');

        //getElementsByTagName_r()方法返回带有指定标签名的对象的集合,不常用
        var div = document.getElementsByTagName_r('div');
        document.write('getElementByTagName()所产生的内容:' + div.length + '<br>');

        //document.body返回body元素标记
        var dom_body = document.body;
        dom_body.setAttribute('bgcolor','#186376');

        
        var txt = dom_body.createTextNode('dfsdfsdjffdsf');
        var p = dom_body.createElement_x('p');
        p.appendChild(txt);
        dom_body.appendChild(p);

    ----------------------------------------------------------------------------

      1. document方法:
      2. getElementById(id) Node 返回指定结点的引用
      3. getElementsByTagName_r(name) NodeList 返回文档中所有匹配的元素的集合
      4. createElement_x(name) Node Node
      5. createTextNode(text) Node 创建一个纯文本结点
      6. ownerDocument Document 指向这个节点所属的文档
      7. documentElement Node 返回html节点
      8. document.body Node 返回body节点
      9. element方法:
      10. getAttribute(attributeName) String 返回指定属性的值
      11. setAttribute(attributeName,value) String 给属性赋值
      12. removeAttribute(attributeName) String 移除指定属性和它的值
      13. getElementsByTagName_r(name) NodeList 返回结点内所有匹配的元素的集合
      14. node方法:
      15. appendChild(child) Node 给指定结点添加一个新的子结点
      16. removeChild(child) Node 移除指定结点的子结点
      17. replaceChild(newChild,oldChild) Node 替换指定结点的子结点
      18. insertBefore(newChild,refChild) Node 在同一层级的结点前面插入新结点
      19. hasChildNodes() Boolean 如果结点有子结点则返回true
      20. node属性:
      21. nodeName String 以字符串的格式存放结点的名称
      22. nodeType String 以整型数据格式存放结点的类型
      23. nodeValue String 以可用的格式存放结点的值
      24. parentNode Node 指向结点的父结点的引用
      25. childNodes NodeList 指向子结点的引用的集合
      26. firstChild Node 指向子结点结合中的第一个子结点的引用
      27. lastChild Node 指向子结点结合中的最后一个子结点的引用
      28. previousSibling Node 指向前一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null
      29. nextSibling Node 指向后一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null
  • 相关阅读:
    SET NOCOUNT ON 作用
    C# WinForm控件之Dock先后顺序调整
    Sql查询按某字段值排序
    sql server 中DateName()函数及DatePart()函数
    js的字符串代码库及讲解
    js实现字符串格式的日期加一天
    1、用datetimepicker插件实现限定时间范围的选择 2、时间插件实现默认当天的时间和只能选择小于今天的日期
    js判断开始时间不能小于结束时间
    vue监听路由的变化,跳转到同一个页面时,Url改变但视图未重新加载问题
    js对json格式对象进行增加,修改,删除
  • 原文地址:https://www.cnblogs.com/sanwenyu/p/4548464.html
Copyright © 2011-2022 走看看