DOM面试题【三】

矫情吗；* 2023-05-31 06:36 79阅读 0赞

## 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 根据指定的元素名查找元素