JS获取html对象的几种方式说明

document.getElementById("zx");通过ID获取html元素对象,ID号在html文档当中应该是唯一的。返回的是唯一element对象。并且所有浏览器都兼容

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

全栈程序员社区此处内容已经被作者隐藏,请输入验证码查看内容
验证码:
请关注本站微信公众号,回复“验证码”,获取验证码。在微信里搜索“全栈程序员社区”或者“www_javaforall_cn”或者微信扫描右侧二维码都可以关注本站微信公众号。

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>”;

http://www.cnblogs.com/roucheng/

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/120781.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • avlang php,www.avlang12.info

    avlang php,www.avlang12.infoDomainName:AVLANG12.INFORegistryDomainID:D503300000025463124-LRMSRegistrarWHOISServer:whois.godaddy.comRegistrarURL:http://www.godaddy.comUpdatedDate:2017-10-08T18:19:05ZCreationDate:201…

    2022年4月27日
    71
  • 使用JSONObject需要的6个jar包下载地址

    使用JSONObject需要的6个jar包下载地址JSONObject所必需的6个jar包:commons-beanutils-1.7.0.jar commons-collections-3.1.jar commons-lang-2.5.jar commons-logging.jar ezmorph-1.0.3.jar json-lib-2.1-jdk15.jar网上有很多的下载jar包地址,但是我个人比较喜欢的是Maven网站,…

    2022年5月15日
    38
  • QTreeWidget 遍历所有子节点(QTreeWidgetItem)[通俗易懂]

    QTreeWidget 遍历所有子节点(QTreeWidgetItem)[通俗易懂]这恐怕是最简单的写法了,逛论坛发现的,亲测好用//ui文件中定义//QTreeWidget*treeWidget;//…//遍历treeWidgetQTreeWidgetItemIteratorit(ui.treeWidget);while(*it){//dosomethinglike…

    2022年10月1日
    3
  • Android http Request / Response ContentType

    Android http Request / Response ContentType客户端在进行http请求服务器的时候,需要告诉服务器请求的类型,服务器在返回给客户端的数据的时候,也需要告诉客户端返回数据的类型。这个类型就是 ContentType ,不同的ContentType会影响客户端/服务器所看到的效果。contentType:告诉服务器,我要发什么类型的数据  1、默认的ContentType为 text/html也就是网页格式.   

    2022年7月19日
    12
  • linux显示颜色设置命令_ubuntu修改终端颜色

    linux显示颜色设置命令_ubuntu修改终端颜色修改Ubuntu主题的颜色Ubuntu的主题中,我比较喜欢使用Radiance主题,但是他的工具提示颜色我很不喜欢,因为看其来很不顺眼,虽然可以在自定义中的颜色中进行调节,但是我有觉得出现一个自定义主题很不好看所以开始手动修改主题中的颜色显示。首先打开主题的配置文件,比如Radiance主题。sudogedit/usr/share/themes/Radiance/gtk-2.0/gtkrc找到…

    2022年9月23日
    6
  • 借助栈来实现单链表的逆置运算_中缀后缀表达式互相转换

    借助栈来实现单链表的逆置运算_中缀后缀表达式互相转换原题链接算术表达式有前缀表示法、中缀表示法和后缀表示法等形式。日常使用的算术表达式是采用中缀表示法,即二元运算符位于两个运算数中间。请设计程序将中缀表达式转换为后缀表达式。输入格式:输入在一行中给出不含空格的中缀表达式,可包含+、-、*、\以及左右括号(),表达式不超过20个字符。输出格式:在一行中输出转换后的后缀表达式,要求不同对象(运算数、运算符号)之间以空格分隔,但结尾不得有多余空格。输入样例:2+3*(7-4)+8/4输出样例:2 3 7 4 – * + 8 4 / +注意

    2022年8月8日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号