• 习近平:在深入推动长江经济带发展座谈会上的讲话 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
  • 财经 —频道 春城壹网 七彩云南 一网天下 2019-05-25
  • 吓出一身冷汗!比利时击败巴拿马不轻松 2019-05-25
  • 郑州网站建设,郑州网站制作,郑州做网站,巩义网站建设,荥阳网站建设,偃师网站制作-全栈网络

    javascript之DOM操作HTML及CSS的写法及句柄

    javascript之DOM操作HTML及CSS的写法及句柄

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

    四川快乐12前三走势图 www.mas07.com 在上一篇文章中我们讲到了在网站制作中javascript关于DOM的概念以及DOM对网页的操作类型,今天我们讲一下DOM如何操作HTML、CSS以及对事件的操作...

    javascript之DOM操作HTML及CSS的写法及句柄
     
    在上一篇文章中我们讲到了在网站制作中javascript关于DOM的概念以及DOM对网页的操作类型,今天我们讲一下DOM如何操作HTML、CSS以及对事件的操作。在制作网站的朋友可以持续关注我们关于网站制作相关的文章,想学习javascript及相关课程的朋友也可以随时咨询我们巩义网站制作公司的培训课程。

    一、DOM对HTML的操作及写法。
    常见写法通常有两种:1.直接作用覆盖文档,进行网页文字的改变;2通过id以及类名的对网页文档的选中操作;3.对图片链接,地址链接的修改操作,语法规则如下:
    1.document.write(“hello world”);
    2.document.getElementById(‘id1’).innerHTML=“修改完成后台的文字”;
    3.document.getElementByTagName(‘p’)[1].innerHTML="修改完成后的文字"。
    4.document.getElementById(‘a’).href=“http://www.mas07.com”。
    5.document.getElementById(‘img’).src=“//www.mas07.com/1.jpg”。

    二、DOM对CSS的操作及写法。
    DOM对css的操作方法较为简单,基本语法格式只有一个即:document.getElementById(‘id1’).style.width/color/font-size/....=“#030303”。

    三、DOM对事件即句柄的操作。
    何为句柄:简单理解就是一个事件的临时插入,临时修改,并可以随时对其删除,并且所有的句柄是依次作用的,即使内容重复也不会重叠,句柄操作在实际js操作中使用非常方便,利于javascript代码的维护。

    句柄操作分为两种:1.增加句柄addEventListener;2.移除句柄removeEventListListener。

    句柄的常见语法:
    1.document.getElementById('id1').addEventListener(“click”,function(){alert(“hello world”)});
    2.通过变量来添加函数:x.addEventListener("click",demo);注意这里的demo是一个事件,但是写法中没有出现demo()。

     以上就是DOM操作HTML、CSS以及句柄事件的操作方法及详细语法。四川快乐12前三走势图公司-巩义全栈网络工作室提供巩义最专业的网站制作及网站培训课程,欢迎大家咨询。
    本文关键词: 未经允许不得转载:郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络



    郑州网站建设|郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|偃师网站制作-全栈网络
  • 习近平:在深入推动长江经济带发展座谈会上的讲话 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
  • 财经 —频道 春城壹网 七彩云南 一网天下 2019-05-25
  • 吓出一身冷汗!比利时击败巴拿马不轻松 2019-05-25