JS获取html对象的几种方式介绍


Posted in Javascript onDecember 05, 2013

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="<b>我们约会吧~</b>";

Javascript 相关文章推荐
关于IFRAME 自适应高度的研究
Jul 20 Javascript
不要小看注释掉的JS 引起的安全问题
Dec 27 Javascript
jQuery基础语法实例入门
Dec 23 Javascript
javascript中scrollTop详解
Apr 13 Javascript
js接收并转化Java中的数组对象的方法
Aug 11 Javascript
修改ligerui 默认确认按钮的方法
Dec 27 Javascript
jQuery设计思想
Mar 07 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 jQuery
让bootstrap的carousel支持滑动滚屏的实现代码
Nov 27 Javascript
浅谈Angular HttpClient简单入门
May 04 Javascript
Element Collapse 折叠面板的使用方法
Jul 26 Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 18 Javascript
JS获取URL中的参数数据
Dec 05 #Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 #Javascript
浅谈JavaScript函数参数的可修改性问题
Dec 05 #Javascript
浅析JavaScript中的隐式类型转换
Dec 05 #Javascript
浅析JavaScript中两种类型的全局对象/函数
Dec 05 #Javascript
完美解决IE低版本不支持call与apply的问题
Dec 05 #Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
Dec 05 #Javascript
You might like
使用eAccelerator加密PHP程序
2008/10/03 PHP
PHP数组 为文章加关键字连接 文章内容自动加链接
2011/12/29 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
使用js获取QueryString的方法小结
2010/02/28 Javascript
判断浏览器的javascript版本的代码
2010/09/03 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
2013/04/23 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
js实现的四级左侧网站分类菜单实例
2015/05/06 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
2016/03/28 Javascript
js实现图片缓慢放大缩小效果
2016/08/02 Javascript
jquery+ajax实现省市区三级联动效果简单示例
2017/01/04 Javascript
JavaScript实现二叉树的先序、中序及后序遍历方法详解
2017/10/26 Javascript
详解redis在nodejs中的应用
2018/05/02 NodeJs
在 vue-cli v3.0 中使用 SCSS/SASS的方法
2018/06/14 Javascript
搭建基于express框架运行环境的方法步骤
2018/11/15 Javascript
JS实现关闭小广告特效
2021/01/29 Javascript
python创建只读属性对象的方法(ReadOnlyObject)
2013/02/10 Python
Python中%r和%s的详解及区别
2017/03/16 Python
Windows下的Python 3.6.1的下载与安装图文详解(适合32位和64位)
2018/02/21 Python
PyQt5每天必学之弹出消息框
2018/04/19 Python
python 读写文件,按行修改文件的方法
2018/07/12 Python
Python实现的IP端口扫描工具类示例
2019/02/15 Python
Django框架模板的使用方法示例
2019/05/25 Python
一篇文章搞定Python操作文件与目录
2019/08/13 Python
Pytorch 中retain_graph的用法详解
2020/01/07 Python
解决django接口无法通过ip进行访问的问题
2020/03/27 Python
python将音频进行变速的操作方法
2020/04/08 Python
俄罗斯在线购买飞机票、火车票、巴士票网站:Tutu.ru
2020/03/16 全球购物
初中地理教学反思
2014/01/11 职场文书
辛亥革命观后感
2015/06/02 职场文书
会计手工模拟做账心得体会
2016/01/22 职场文书
创业计划书之便利店
2019/09/05 职场文书
导游词之苏州寒山寺
2019/12/05 职场文书
mysql自增长id用完了该怎么办
2022/02/12 MySQL
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python
Spring Boot接口定义和全局异常统一处理
2022/04/20 Java/Android