JS-DOM和事件(二)

1.什么是DOM

DOM 是 Document Object Model(文档对象模型)的缩写。HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。换言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

2.DOM常用方法

getElementById(id)表示根据id获取,获取的是一个元素

getElementsByName表示通过属性的name的值获取,获取的是数组

getElementByTagName表示根据标签名称获取,获取的是数组

DOM常用属性

innerHTML 属性可用于获取或改变任意 HTML 元素,包括 html和 body。

nodeValue 属性nodeValue 属性规定节点的值。元素节点的 nodeValue 是 undefined 或 null,文本节点的 nodeValue 是文本本身,属性节点的nodeValue是属性值

nodeType 属性

3.事件

onchange、onclick、 onmouseover、 onmouseout、onload\onunload、onmousedown、onmouseup、、、、、

常规的事件处理方法无法批量的为节点添加事件,所以一般都是要通过如下方式进行事件操作

使用这种方式可能带来的问题如下所示

'

Event和window.event

对于以上事件的处理方式而言,会默认传递一个event的参数来获取一些事件信息,但是对于IE和firefox的获取方式不一致,IE使用window.event,Firefox使用event获取.所以需要使用如下方法解决


以上问题的解决方案有两种

2.1、在body中加入onload=xxx来解决

2.2、使用window.onload事件解决

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 最近在学习javascript关于DOM的一些知识,在这里对DOM做一些总结。 1.DOM简介 DOM是W3C的标...
    风之郁少阅读 3,021评论 0 5
  • 之前通过深入学习DOM的相关知识,看了慕课网DOM探索之基础详解篇这个视频(在最近看第三遍的时候,准备记录一点东西...
    微醺岁月阅读 10,084评论 2 61
  • 我们首先要明白,我们给页面添加效果用到的js到底是什么?js其实包含三部分:dom 文档对象模型 bom 浏览...
    一直以来都很好阅读 4,214评论 0 0
  • 前言 归根结底,代码都是思想和概念的体现。没人能把一种程序设计语言的所有语法和关键字都记住,可以查阅参考书来解决。...
    朱细细阅读 8,173评论 4 14
  • 如果不开始写作,你就无法发现自己的思维有多乱,很多事情,认为自己已经想明白了,但是写下来才发现,连逻辑自洽、...
    AAAAA蕙质兰心阅读 1,841评论 2 1

友情链接更多精彩内容