DOM面试题【三】

1、DOM操作——怎样添加、移除、移动、复制、创建和查找节点?

(1)创建新节点
createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
(2)添加、移除、替换、插入、复制
appendChild() //添加
removeChild() //移除
replaceChild() //替换
insertBefore() //在已有的子节点前插入一个新的子节点
cloneNode() //复制
(3)查找
getElementsByTagName() //通过标签名称
getElementsByName()//通过元素的Name属性的值(IE容错能力较强,会得到一个数组,其中包括id等于 name值的)
getElementById() //通过元素Id,唯一性

2、列举浏览器对象模型BOM里常用的至少4个对象,并列举window对象的常用方法至少5个?

对象:Window、 document、 location、 screen、 history、 navigator 、data
方法:Alert()、 confirm() 、prompt()、 open() 、close()

3、document.ready和onload有什么区别?

document.ready和onload的区别——JavaScript文档加载完成事件。页面加载完成有两种事件:
一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)
二是onload,指示页面包含图片等文件在内的所有元素都加载完成。
jQuery中$(function(){/* do something*/});他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。一般情况先一个页面响应加载的顺序是,域名解析-加载html-加载js和css-加载图片等其他信息。

4、当一个DOM节点被点击时候,我们希望能够执行一个函数,应该怎么做?

直接在DOM里绑定事件:


在JS里通过onclick绑定:xxx.onclick = test
通过事件添加进行绑定:addEventListener(xxx, ‘click’, test)

5、window.location.search() 返回的是什么?

答:查询(参数)部分。除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
    返回值:?ver=1.0&id=timlq 也就是问号后面的!

6、简述列举文档对象模型DOM里document的常用的查找访问节点的方法做简单说明?

document.getElementById 根据元素id查找元素
document.getElementByName 根据元素name查找元素
document.getElementTagName 根据指定的元素名查找元素

原文地址:https://www.cnblogs.com/guanhuohuo/p/12526174.html