JS获取html对象的几种方式介绍_javascript技巧
程序员文章站
2022-04-26 11:57:39
...
document.getElementById("zx");
通过ID获取html元素对象,ID号在html文档当中应该是唯一的。返回的是唯一element对象。并且所有浏览器都兼容。
document.getElementsByTagName("span")[0];
通过标签查找html对象,由于html标签在一个页面中可能重复很多次,所以当前页面返回的是一个数组。可以根据标签出现的位置定位元素的对象。所有浏览器都兼容。
document.getElementsByName("hh")[0];
通过name属性来定位html对象,但是并不是所有标签都有name属性,但是我们可以人为的加上name属性,这样也可以定位到,由于name属性可能有多个,不唯一。所以这个方法返回的也是一个数组,同样我们也可以根据html当中name的位置,进行对name的定位。IE系列不兼容,不推荐使用。
innerHTML:这个方法是获取该html元素的具体html代码
document.getElementById("zx").innerHTML;
还可以更新元素的html代码:
document.getElementById("zx").innerHTML="我们约会吧~";
推荐阅读
-
js中事件的处理与浏览器对象示例介绍_javascript技巧
-
js实现页面跳转重定向的几种方式_javascript技巧
-
Jquery 获取对象的几种方式介绍
-
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]_javascript技巧
-
JavaScript定义类或函数的几种方式小结_js面向对象
-
js获取html页面节点方法(递归方式)_javascript技巧
-
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]_javascript技巧
-
Javascript调用函数方法的几种方式介绍_javascript技巧
-
js创建对象的方式总结_javascript技巧
-
js jquery ajax的几种用法总结(及优缺点介绍)_javascript技巧