Day14

Day14

---

 

---

 

1-列举所有获取 DOM 元素的方法

2-列举添加 DOM 元素的方法 3

-列举移除 DOM 元素的方法

4-分别列举 BOM 常用对象 location navigator history screen 中的属性和方法

 

 

1-列举所有获取 DOM 元素的方法

　　JS获取DOM元素的方法（8种）

1. 通过ID获取（getElementById）
2. 通过name属性（getElementsByName）
3. 通过标签名（getElementsByTagName）
4. 通过类名（getElementsByClassName）
5. 获取html的方法（document.documentElement）
6. 获取body的方法（document.body）
7. 通过选择器获取一个元素（querySelector）
8. 通过选择器获取一组元素（querySelectorAll）

详细

 

jqDOM操作

 

 DOM简介笔记

 

 

 

 

2-列举添加 DOM 元素的方法 

 document.createTextNode("Hello")//生成文本节点

 document.createElement("div");//创建标签

 

insertBefore()   在某个元素之前插入元素

var newDiv = document.createElement("div"); 
var newContent = document.createTextNode("Hello"); 
newDiv.insertBefore(newContent, newDiv.firstChild);

 

//在newContent 元素末尾添加元素

var newDiv = document.createElement("div");

var newContent = document.createTextNode("Hello"); 

newDiv.appendChild(newContent); 

replaceChild()替换
replaceChild()接受两个参数：要插入的元素和要替换的元素
newDiv.replaceChild(newElement, oldElement);

removeChild()  删除元素

parentNode.removeChild(childNode);

jq

 

 

 

3-列举移除 DOM 元素的方法

 js——使用removeChild()方法

移除指定元素
getId("dv").removeChild(getId("dv").firstElementChild)

移除所有子元素
while(getId("dv").firstElementChild){
getId("dv").removeChild(getId("dv").firstElementChild)
}

 jq------使用remove()方法

 $('p').remove();

 

详见

 

 

 

4-分别列举 BOM 常用对象 location navigator history screen 中的属性和方法

location 对象

window.location 和 document.location 引用的是同一个对象

 

 

 navigator 对象

识别客户端浏览器的事实标准。

1 检测插件

2注册处理程序

 

screen 对象

　　基本上只用来表明客户端的能力，其中包括浏览器窗口外部的显示器的信息，如像素宽度和高度等。

window.resizeTo(screen.availWidth, screen.availHeight);

 

history 对象

　　保存着用户上网的历史记录，是 window对象的属性

 

详细了解

实例介绍