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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • N70常用软件大集合

    N70常用软件大集合管理软件[文件管理]SmartFilemanv1.03汉化版[进程管理]AppManv1.04完美简体中文优化MMC绿色版[文件管理]SystemExplorerv1.8汉化版[程序管理]Fexplorerv1.15完美汉化完全版《N70拨号大字体》+《N70解决opera8.5上网一些地方显示口口的字体》英文机N70用的完美中文字体[压缩工具]解压利器zipman2.

    2022年7月11日
    24
  • windows配置与管理_win7卡在配置windows

    windows配置与管理_win7卡在配置windows0、前提windows:win7x64WinPcap版本:4.1.3WinPcap开发包:4.1.2目标:在VS2010中配置使用winpcap获取目标计算机中安装的网卡列表1、下载h

    2022年8月1日
    2
  • 定时任务cron表达式详解_el表达式详解

    定时任务cron表达式详解_el表达式详解@Scheduled(cron=”******”)cron表达式详解1.cron表达式格式:{秒数}{分钟}{小时}{日期}{月份}{星期}{年份(可为空)}2.cron表达式各占位符解释:{秒数}==>允许值范围:0~59,不允许为空值,若值不合法,调度器将抛出SchedulerException异常”*”代表每隔1秒钟触

    2025年6月27日
    2
  • java swt gridlayout_SWT GridLayout使用总结

    java swt gridlayout_SWT GridLayout使用总结GridLayoutFactory里面所有方法都是链式调用,设置完GridLayout的参数后,调用applayTo::Composite,为一个Composite设置layout。Compositecomp1=toolkit.createComposite(shell);//GridLayoutgridLayout=newGridLayout(1,false);//gridLay…

    2022年5月31日
    66
  • matlab 随机数矩阵_随机矩阵理论

    matlab 随机数矩阵_随机矩阵理论A=rand(3,5)%定义一个3行5列的随机矩阵size(A)%返回值是35rows=size(A,1)%取到行数,1指代取行数cols=size(A,2)%取到列数,2指代取列数注意:目前MATLAB中下标都是从1开始的

    2025年5月31日
    4
  • Linux服务器php环境搭建教程

    Linux服务器php环境搭建教程RT.以前服务器端是使用phpnow套件。今天尝试在ubuntu下独立完成apache2+php+mysql的服务器运行环境。具体的步骤如下(下面的操作都需要使用root权限):|.Apache2安装sudoapt-getinstallapache2安装的成功标志是你在浏览器中打开127.0.0.1的时候会显示“Itworks!”的字眼。apache2访

    2022年6月29日
    18

发表回复

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

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