首页 > 编程语言 > 详细

JavaScript-DOM

时间:2018-09-26 18:39:24      阅读:162      评论:0      收藏:0      [点我收藏+]

DOM:文档对象模型,操作网页上的元素的API,比如让盒子移动,变色,轮播图等

作用:

  找对象(元素节点)

  设置元素属性值

  设置元素样式

  动态创建和删除元素

  事件的触发响应: 事件源-->事件绑定-->事件的驱动

获取对象:

  获取document对象: console.log(document);

  获取html对象: document.documentElement;

  获取body对象: document.body;

获取body中的DOM(三种):

  通过id获取: document.getElementById("里面是id值")

  通过类获取:document.getElementsByClassName("里面是class的值")

  通过标签获取: document.getElementsByTagName("div")

对标签样式的属性操作:

  首先获取事件源

  然后绑定事件 onclick(点击) 等 :事件源box.事件onclick = function(){ 事件驱动程序 };

技术分享图片

JavaScript-DOM

原文:https://www.cnblogs.com/leo-tail-x/p/9708699.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!