• 回复@海之宁:不给你分配生产资料你咋尽所能? 2019-06-18
  • 霍金说,广义相对论的爱因斯坦方程“将和宇宙同在”。而“真理论者”在人民网上公开辱骂爱因斯坦是“极度残脑”,乃狂犬吠日。 2019-06-18
  • 习近平:在深入推动长江经济带发展座谈会上的讲话 2019-06-15
  • 平话文化旅游节又来了!乐游扬美古镇嗨购江南万达 2019-06-15
  • 【老蚕】,可分为;【轻度老蚕,重度老蚕,全面脑瘫】三个等级。试想;你是属于哪个级别。。。?[福尔摩斯] 2019-06-04
  • 【人事】中共临汾市委组织部公示3名拟任职干部 2019-06-04
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-02
  • 交通部发布端午假期出行指南 教你如何避堵 2019-06-02
  • 共产主义劳动不再是谋生手段就是劳动不再是看着就想笑鼓吹私有制下的责权利所谓平滑对接下的为生存而做资本的雇佣劳动奴隶劳动,而是在共产主义公有制里劳动由于一辈子做 2019-06-02
  • 李克强:今年再减少农村贫困人口1000万以上 2019-06-01
  • 台湾如何管理“路边摊” 2019-06-01
  • 看河北绿水青山咋变金山银山? 2019-05-31
  • 税费“红包”助推高质量发展 2019-05-31
  • 围绕茶叶基础领域重大问题开展研究(创新故事) 2019-05-26
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-05-26
  • 郑州网站建设,郑州网站制作,郑州做网站,巩义网站建设,荥阳网站建设,偃师网站制作-全栈网络

    javascript对DOM对象的操作方法总结

    javascript对DOM对象的操作方法总结

    时间: 2018-06-27 分类: 网站代码 浏览次数:

    四川快乐12前三走势图 www.mas07.com 在网站制作过程中,javascript一个最常见的功能就是对DOM对象的操作,那么常见的操作方法有哪些呢?具体的语法该如何写?巩义网站培训公司-巩义全栈网络为大家详细讲解下...

    巩义网站培训之javascript对DOM对象的操作方法总结
    在网站制作过程中,javascript一个最常见的功能就是对DOM对象的操作,那么常见的操作方法有哪些呢?具体的语法该如何写?巩义网站培训公司-巩义全栈网络为大家详细讲解下。

    网页中的DOM对象指的是javascript作用与网页的对象,我们也可以理解为JS操作的对象其实就是网页中的元素以及节点,它们通常包括网页元素的查找,元素的属性操作,元素的创建删除等等,下面我们具体来了解一下:

    1.javascript获取网页元素的name/类名/id等等,通常的写法自定义变量进行赋值:
                       var 变量名=document.getElementsByName("name的值");
                       var 变量名=document.getElementsByTagName("p")[2];

    2.javascript获取网页节点中的元素属性,规则为先获取元素,再获取元素的属性:
                        var 变量元素名=document.getElementById(“元素的id”);
                        var 变量名=
    变量元素名.getAttribute(“title/href”);

    3.javascript通过节点获取网页元素并对其进行元素属性设置,写法为先获取元素-再设置属性-最后获取该属性:
                        var 变量名=document.getElementById("元素的id");
                        变量名.setAttribute(“要改变的属性/href”,“改变之后的属性/www.***.com”);
                         var 新变量名=变量名.getAttribute(“href”);

    4.访问网站页面中的元素节点中的子节点和父节点:
                         var 变量名=document.getElementsByTagName("ul")[0].childNode;

                         var 变量名=document.getElementsByTagName("li")[0].parentNode;

    5.访问一个新的元素节点,即在网站页面中新增加一个元素,写法顺序为创建body变量-创建元素变量-添加元素属性-查如今网页:
                         var body=document.body;
                         var 要创建的元素的名字=document.creatElement(“创建的元素/p/a/button/input”);
                         
     要创建的元素的名字.type=“要设置的属性/submit”;
                          要创建的元素的名字.value=“添加的提交按钮”;
                          body.appendChild(input);

    6.插入节点到某个位置,写法顺序为获取要插入的元素位置-插入元素进行编写-进行插入:
                          var 位置变量1=document.getElementById(“id”);
                          var 插入的位置=document.getElementById(“id2”);
                          var 创建变量=document.creatElement(“插入的元素类型/h1/a”);
                          创建的变量.innerHTML=“这是我插入的元素”;
                          
    位置变量1.insertBefore(创建的变量,变量要插入的位置);
    7.删除元素节点:

                          var 元素的位置变量=document.getElementById(“id”);
                          var 删除的变量=元素的位置变量.removeChild(元素的位置变量.children[0]);

    8.通过函数获取网页的尺寸:
                          var width=document.body.offsetWidth;
                          var height=document.body.offsetHeight;

    以上内容就是关于网站培训中或者网站制作中需要了解的javascript对网页元素的常见操作。本文由巩义网站制作-巩义全栈网络工作室提供,我们不但提供最方面的网站服务,还提供包括所有网站系列培训课程服务。

     
    本文关键词: 未经允许不得转载:郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络



    郑州网站建设|郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|偃师网站制作-全栈网络
  • 回复@海之宁:不给你分配生产资料你咋尽所能? 2019-06-18
  • 霍金说,广义相对论的爱因斯坦方程“将和宇宙同在”。而“真理论者”在人民网上公开辱骂爱因斯坦是“极度残脑”,乃狂犬吠日。 2019-06-18
  • 习近平:在深入推动长江经济带发展座谈会上的讲话 2019-06-15
  • 平话文化旅游节又来了!乐游扬美古镇嗨购江南万达 2019-06-15
  • 【老蚕】,可分为;【轻度老蚕,重度老蚕,全面脑瘫】三个等级。试想;你是属于哪个级别。。。?[福尔摩斯] 2019-06-04
  • 【人事】中共临汾市委组织部公示3名拟任职干部 2019-06-04
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-02
  • 交通部发布端午假期出行指南 教你如何避堵 2019-06-02
  • 共产主义劳动不再是谋生手段就是劳动不再是看着就想笑鼓吹私有制下的责权利所谓平滑对接下的为生存而做资本的雇佣劳动奴隶劳动,而是在共产主义公有制里劳动由于一辈子做 2019-06-02
  • 李克强:今年再减少农村贫困人口1000万以上 2019-06-01
  • 台湾如何管理“路边摊” 2019-06-01
  • 看河北绿水青山咋变金山银山? 2019-05-31
  • 税费“红包”助推高质量发展 2019-05-31
  • 围绕茶叶基础领域重大问题开展研究(创新故事) 2019-05-26
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-05-26