JavaScript使用id获取指定元素
分类:实例代码
当然使用id属性获取元素对象实在是太简单了,因为直接有这样的方法。
代码如下:
document.getElementById("id");
上面的方法相比只要有点经验的人就会知道,否则可以断定此人javascript知识储备接近于0。
但是还有一个方式依然能够实现获取元素对象,那就是直接用id,代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <style> #antzone{ width:200px; height:100px; background:green; text-align:center; line-height:100px; } </style> <script> window.onload=function(){ antzone.innerHTML="pipipi.net"; } </script> </head> <body> <div id="antzone"></div> </body> </html>
从上面的代码可以看出,直接使用ID就可以作为一个元素对象,下面就对此做一下简单介绍。
id属性值按照规定是唯一的,如果它不与内置属性和全局变量名重合的话,那么此id属性值就会自动成为window对象的属性,可以直接引用页面中的元素对象。
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu