前端面试系列之---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);