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)
上一篇 2021年12月20日 上午10:00
下一篇 2021年12月20日 上午10:00


相关推荐

  • python图像多层小波分解_Python中图像小波分解与重构以及灰度图加噪

    python图像多层小波分解_Python中图像小波分解与重构以及灰度图加噪Python中图像小波分解与重构以及灰度图加噪Python中图像小波分解与重构以及灰度图加噪最近需要做小波分解相关的东西,博客这里做一个简单的记录灰度图的小波分解与重构:fromPILimportImageimportmatplotlib.pyplotaspltfrommatplotlib.pyplotimportimshowimportnumpyasnp#小波库impo…

    2022年10月21日
    4
  • wap2.0简介

    wap2.0简介让移动数据更畅更稳的 WAP2 0 和 WJMS 技术不言而喻 移动商务需要传送无线数据 然而现有无线传送技术的效率和可靠性会越来越难以令用户满意 最近出现的两种无线传送技术崭露头角 能让移动应用更好地适应环境 为移动商务带来新的福音 这两种技术就是无线应用协议 WAP2 0 和无线 Java 信息服务 WJMS 一 WAP2 0 推陈出新这个问题先需从第一代的 WAP1

    2026年3月17日
    3
  • 【Chrome必备插件,一键提升10倍效率】新用户永久免广告,好用!

    经过程序猿哥哥们马不停蹄的疯狂开发CSDNChrome插件终于又双叒叕更新啦快看看这次带来了什么神仙功能助你的开发速度起飞就现在快去戳下方下载体验一下吧~下载官网下载官网下载官网(悄咪咪的告诉大家!文末送大奖噢!快去参加吧~这次我们对小伙伴们反映比较多的新标签页做了重大更新,更新完成后的界面是这个样子的!在这里可以自行添加喜欢的搜索入口噢~还可以定制个性化的桌面快捷图标同时壁纸也是可以更换哒之前咱们介绍的插件的功能大家还记得嘛?小搜搜再来带大家温习一遍咱们的插件功能~新

    2022年4月8日
    46
  • python timestamp和datetime之间的转换

    python timestamp和datetime之间的转换1 字符串日期时间转换成时间戳 2015 08 2816 43 37 283 283 或者 2015 08 2816 43 37 0defstring2t strValue try d datetime datetime strptim

    2026年3月19日
    2
  • GoLand 2021.8.3 x64 激活码【2021.7最新】[通俗易懂]

    (GoLand 2021.8.3 x64 激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.htmlBI7JCUH1TG-eyJsaWNlbnNlSW…

    2022年3月22日
    57
  • 方向导数与梯度——学习笔记

    方向导数与梯度——学习笔记方向导数和梯度在高等数学偏导数那一部分提到 两者相互关联 可能会弄混 简单来说方向导数是一个值而梯度是一个向量 了解梯度的概念可以在以后的机器学习或者深度学习模型优化用到梯度下降时更容易理解 接下来让我们看看一些关于方向导数和梯度的细节 一 方向导数对于多元函数 如果说偏导数表示的是多元函数在沿坐标轴的变化率 那么可以说方向导数是沿着任意一指定方向的变化率 不一定是沿着坐标

    2026年3月19日
    4

发表回复

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

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