JavaScript操作DOM的那些坑

if(!window.innerWidth){

w = (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth);

h = (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight);

}else{

w = window.innerWidth;

h = window.innerHeight;

}

return {width:w,height:h};

}

console.log(size());//Object { width: 1366, height: 633 }

</script>

实用的 JavaScript 筹划(涵盖所有浏览器)：

var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; 
 
var h=window.innerHeight || document.documentElement.clientHeight|| document.body.clientHeight;

对于 IE 6、7、8的筹划如下：

document.documentElement.clientHeight 
 
document.documentElement.clientWidth

或者

解决办法：

document.body.clientHeight 
 
document.body.clientWidth

Document对象的body属性对应HTML文档的<body>标签。Document对象的documentElement属性则表示 HTML文档的根节点。

document.getElementById('box').removeAttribute('style');//移除属性

attributes 属性

attributes 属性返回该节点的属性节点集合。

document.getElementById('box').attributes//NamedNodeMap 
 
document.getElementById('box').attributes.length;//返回属性节点个数 
 
document.getElementById('box').attributes[0]; //Attr，返回最后一个属性节点 
 
document.getElementById('box').attributes[0].nodeType; //2，节点类型 
 
document.getElementById('box').attributes[0].nodeValue; //属性值 
 
document.getElementById('box').attributes['id']; //Attr，返回属性为 id 的节点 
 
document.getElementById('box').attributes.getNamedItem('id'); //Attr

setAttribute 和 getAttribute

在IE中是不熟悉class属性的，需改为className属性，同样，在Firefox中，也是不熟悉className属性的，Firefox只熟悉class属性，所以平日做法如下：

	
			 4/10   首页 上一页 2 3 4 5 6 7 下一页 尾页	
			

　　推荐阅读
　　利用卷积自编码器对图片进行降噪
            【技巧沙龙】AI开辟者拭魅战营-7分钟打造1个定制技能。7月22号，我们等你一路！

            这周工作太忙，本来想更把 Attention tranlsation 写出来，但一向抽不出时光，等后面有时光再来写。我们这>>>详细阅读


本文标题：JavaScript操作DOM的那些坑
地址：http://www.17bianji.com/lsqh/36299.html
 1/2    1