java 获取js元素,JAVA-HTML——js如何获取HTML元素对应JavaScript对象

document对象

Document对象表示整个HTML文档，该对象是Window对象的一部分，可通过window.document属性获取该对象。

document.getElementById()

通过id来获取对应id所属的元素，返回对拥有指定 id 的第一个对象的引用。

郑州大学

var element = document.getElementById("id");

console.log(element);

document.getElementsByClassName()

通过class来获取对应class的元素集合，返回带有指定类名的对象集合

郑州大学

北京大学

清华大学

var elements = document.getElementsByClassName("class_1");

for (i=0;i

console.log(elements[i]);

}

document.getElementsByName()

通过name来获取对应name的元素集合，返回带有指定名称的对象集合

elements = document.getElementsByName("hobby");

for (i=0;i

console.log(elements[i]);

}

document.getElementsByTagName()

通过标签名来获取对应标签的元素集合，返回带有指定名称的标签集合

北京大学

清华大学

elements = document.getElementsByTagName("p");

for (i=0;i

console.log(elements[i]);

}

整体对比

郑州大学

北京大学

清华大学

var element = document.getElementById("id");

console.log(element);

console.log("@@@@@@@@@@@@@@@@@@@@@@@@@@");

var elements = document.getElementsByClassName("class_1");

for (i=0;i

console.log(elements[i]);

}

console.log("###########################");

elements = document.getElementsByName("hobby");

for (i=0;i

console.log(elements[i]);

}

console.log("$$$$$$$$$$$$$$$$$$$$$$$$$$$");

elements = document.getElementsByTagName("p");

for (i=0;i

console.log(elements[i]);

}