前端系列之---DOM操作 BOM

DOM结构操作

新增节点

var p =document.getElementById("div1");
var p1 = document.createElement("p");
p1.innerHTML = "i am p";
p.appendChild(p1);

 

获取父元素

获取子元素

删除节点

var div1 = document.getElementById("div1");
var parent = div1.parentNode;
var child = div1.childNodes;
div1.removeChild(child[0]);

 

BOM

如何检测浏览器的类型

var ua = navigator.userAgent;
console.log(ua);
var isChrome =ua.indexOf('Chrome');
console.log(isChrome);

 

解析url

console.log(location.href);
console.log(location.protocol);
console.log(location.pathname);
console.log(location.search);
console.log(location.hash);