類選擇器相容性 getbyclass()類選擇器,在IE8及以下均不可用。 // 類選擇器的相容性 function getbyclass(parentName,Name){ var parentName=document.getElementById(parentName); // 通過標簽名通配... ...
類選擇器相容性
getbyclass()類選擇器,在IE8及以下均不可用。 // 類選擇器的相容性 function getbyclass(parentName,Name){ var parentName=document.getElementById(parentName); // 通過標簽名通配符選擇所有父容器內的元素 var all=parentName.getElementsByTagName("*"); console.log(all); // 創建一個新數組用來接收body元素中滿足條件的元素集合 var arr=new Array; for(var i=0;i<all.length;i++){ if (all[i].className==Name){arr.push(all[i]);} } return arr; } // 選擇父容器 id var a=getbyclass("ddd","d"); console.log(a);
CSS行間樣式的獲取（並非屬性）
var odiv=document.getElementById("div1");
alert(odiv.style.height);
CSS內部樣式及外鏈樣式的獲取
var odiv=document.getElementById("div1");
var a=odiv.currentStyle;
// console.log(odiv.style.cssText)；
alert(odiv.currentStyle.width);//IE瀏覽器
var cssodiv=window.getComputedStyle(odiv); alert(cssodiv.width);//主流瀏覽器
// 相容IE和主流瀏覽器:
function getcssstyle(obj){
if(window.getComputedStyle){return window.getComputedStyle(obj);}//IE9及以上支持，一下為undified
else{return obj.currentStyle;}}//IE瀏覽器
var odivcss=getcssstyle(odiv);
alert(odivcss.width);
css樣式設置
oDiv.style.backgroundColor="";
oDiv[style][backgroundColor]="";
// 方括弧一般用在傳參的時候（否則系統會把參數當成屬性)比如:
function(Name,red){document[name][backgroundColor]=red}
css屬性選擇器
var li=document.querySelectorAll("li");
var li=document.querySelector("li");
var btn=document.querySelector("input[type=button]")
