DOM BOM操作

DOM 操作

1 ,删除元素节点:
var oDiv = document.getElementById('warp')
先找父元素 ,oDiv.parentNode.removeChild(oDiv)

2,创建元素节点:
var obj = document.createElement('div');
obj.style.cssText = '50px;height:50px;background:green';
obj,innerHTML='<a href="#">abc</a>'

oDiv.appendChild(obj);

3,元素宽高属性
clientHeight/clientWidth width+padding
offsetHeight/offsetWidth width+padding+border
scrollHeight/scrollWidth width+padding+border +overflow

4 ,单选按钮
<input type = "radio" value="男">
<input type = "radio" value="女">

5,清楚单标签中某个属性
oFrom.sex[0].removeAttribute('checked');
oFrom.sex[1].checked='checked';

6,焦点事件 获得焦点 onfocus
失去焦点 onblur
onchange
text 文本输出变化才会触发onchange
radio 自己改变自己的选中状态触发*(选中即触发)
BOM 操作

1, window.open('www.baidu.com','_self')
2, window.close();
3, location.href="http://www.baidu.com"

4,获取屏幕分辨率
alert(screen.availWidth)

5 ,得到元素到页面顶部的距离
for topline(){
var top=0;
var left=0;

while(obj!=document.body){
top+=obj.offsetTop;
left+=obj.offsetLeft;
obj=obj.offsetParent;

};
return{
top:top,
left:left
}
}
6,到浏览器窗口顶部距离

 

原文地址:https://www.cnblogs.com/jessi/p/5546133.html