Javascript:DOM、事件

1.dom对象的innerText和innerHTML有什么区别?

  • innerHTML包含了对象从起始到终止的全部内容,<>&此类符号会被替换成相应字符
    <pre>
    <div className="one">
    <span>hello<>&world</span>nihaoshijie
    </div>
    //document.getElementById('one').innerHTML就是<span>hello<>&world</span>nihaohsijie
    </pre>

  • innerText包含了该对象从起始位置到终止的所有除标签的内容
    <pre>
    <div className="one">
    <span>hello<>&world</span>nihaoshijie
    </div>
    //这里的document.getElementById('one').innerText包含了hello<>&worldnihaohsijie
    </pre>

2.elem.children和elem.childNodes的区别?

  • elem.childern是非标准属性,但是获得了大部分浏览器的支持。它返回指定元素的子元素合集。只返回HTML节点不返回文本。
    <pre>
    <div className="one">
    <span>hello<>&world</span>nihaoshijie
    </div>
    //这里children返回[<span>hello<>&world</span>]
    </pre>
  • elem.childNodes是标准属性,返回节点的子节点集合,包含HTML节点,属性和文本。
    <pre>
    <div className="one">
    <span>hello<>&world</span>nihaoshijie
    </div>
    //这里childNodes返回一个类数组对象。
    </pre>

3.查询元素有几种常见的方法?

  • getElementById() 返回拥有指定ID的第一个对象的引用
  • getElementsByClassName()返回具有指定类名的类数组对象
  • getElementBytagName()返回带有指定标签名的类数组对象
  • querySelector() 返回拥有指定css选择器的第一个元素
  • querySelectorAll()返回拥有指定css选择器的类数组对象

4.如何创建一个元素?如何给元素设置属性?

  • createElement()创建一个节点元素
  • createTextNode()创建一个文本节点
  • setAttribute()来设置属性

5.元素的添加、删除?

  • removeChild()删除元素
  • appendChild在尾部添加元素
  • insertBefore在某个节点前添加元素

6.DOM0 事件和DOM2级在事件监听使用方式上有什么区别?

  • DOM 0就是通过onclick写在HTML里面的事件,此方法只能绑定一个函数,如果想绑定多个函数,则后一个将前一个函数覆盖。
  • DOM 2是通过addEventListener或者attachEvent绑定事件,该方法可以绑定多个函数并且不会被覆盖。

7.attachEvent与addEventListener的区别?

  • attachEvent(type,handler)是IE79的事件绑定函数,不支持事件捕获阶段,只支持冒泡,this指代的是window。
  • addEventListener(type,handler,boolean),DOM2的事件绑定函数,支持捕获和冒泡阶段,this指代的是触发事件的元素,,boolean为true表示捕获阶段,false表示冒泡阶段。

8.解释IE事件冒泡和DOM2事件传播机制?

  • IE事件冒泡:事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的元素。
  • DOM2事件:DOM2事件流包括三个阶段,捕获阶段,目标阶段,冒泡阶段。首先事件从根节点开始逐级向下传播到具体节点,到达目标节点后,向上传播,回至根节点。

9.如何阻止事件冒泡? 如何阻止默认事件?

  • 标准:
    阻止冒泡.stopPropagation()
    阻止默认.preventDefault()
  • IE:
    阻止冒泡.cancelBubble(boolean)ture为取消,默认false
    阻止默认.returnValue默认为true,false为阻止

代码3

第三题,当鼠标滑过li时,下面显示图片,遇到了问题。
第一种方案是获取所有li,然后for遍历每个li,捆绑一个时间监听,这种方案直接用mouseenter没有问题。
但是第二种父容器的方案,如果还是用mouseenter的话,就会报错。

Paste_Image.png
Paste_Image.png

解决方案有两种,第一种是换成mouseover,mouseover是指无论鼠标穿不穿过目标,都会触发,而mouseenter只有穿过时才会触发,但是上图,即使穿过了元素,也不会显示图片也会报错,不知道什么原因。

Paste_Image.png
Paste_Image.png

另一种是将addeventlistener调成捕获阶段,不过会报一些错误,虽然不耽误使用,不是很清楚这个错误的来源。

Paste_Image.png
Paste_Image.png

代码4

不是很明白这句话,它的作用应该是判断el的长度是否大于零且大于一,但是不知道这句话的逻辑
<pre>
if (el.length && ele.length > 0)
</pre>

代码5

首先看到老师的代码,这个用btn呼出模态框的事件监听,是否可以用不需要禁止冒泡,感觉这个不禁止的话,也不会因为点错而造成呼出

Paste_Image.png

其次是不知道为什么老师写的确认按键,点击可以不响应,而我的点击后和其他close按钮一样,回到了页面,但是jscode中并未看到老师对确认按钮进行了设置。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,014评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,796评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,484评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,830评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,946评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,114评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,182评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,927评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,369评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,678评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,832评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,533评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,166评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,885评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,128评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,659评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,738评论 2 351

推荐阅读更多精彩内容