php怎么得到dom元素,如何使用DOM方法获取元素

摘要：

&DOM

ul,ol,li{list-style: none;}

据id获取元素

• dom1
• dom2
• dom3
• dom4
• dom5

function elements(){

let element = {};

for(let i=0; i < arguments.length; i++){

let id = arguments[i];

console.log(id);

if(id==null){

alert('id不存在');

}

element[id] = document.getElementById(id);

}

return element;

}

let result = elements('dom1','dom2','dom3','dom4');

console.log(result);

for(let key1 in result){

console.log(result[key1]);

// result[key1].style.backgroundColor = 'pink'

}

console.log('-------------------------');

//根据class选择器来获取元素

let list1 = document.querySelectorAll('ul');//标签

console.log(list1);

list1[0].style.backgroundColor = 'pink';

let list_li = document.querySelectorAll('li');

let list_li2 = document.querySelector('#ul');

let list_li22 = list_li2.querySelectorAll('.dom3')

let list_li3 = list_li.item(0);

list_li.item(0).style.color = 'blue';

console.log('list_li1' + list_li);

console.log('list_li2' +　list_li2);

console.log(list_li22);

for(let i=0; i < list_li22.length; i++){

list_li22[i].style.color = 'red';

}

批改老师：灭绝师太批改时间：2018-12-15 16:20:37

老师总结：完成的不错，没啥问题，好久没看到你的作业了。继续加油！