实例

通过 JavaScript 利用 id 属性来改变一段文本:

function change_header()

{

document.getElementById("myHeader").innerHTML="Nice day!";

}

Hello World!

Change text

亲自试一试

定义和用法

id 属性规定 HTML 元素的唯一的 id。

id 在 HTML 文档中必须是唯一的。

id 属性可用作链接锚(link anchor),通过 JavaScript(HTML DOM)或通过 CSS 为带有指定 id 的元素改变或添加样式。

支持

W3C: "W3C" 列指示 W3C 的 HTML/XHTML 推荐标准中是否定义了该属性。IEFirefoxOperaSafariW3C

YESYESYESYESYES

语法值描述

id规定元素的唯一 id。

可能有以下几种原因使用到id属性你想链接到一个页面的指定位置

你要在某个HTML元素上使用特定的css样式

你要为每个HTML元素使用script(比如javascript)

你要区分两个相同的HTML元素

示例

使用dreamdu1和dreamdu2来区分两个div标签

使用dreamdu1和dreamdu2来区分两个div标签

说明与id属性相同的属性是name,此属性可以使用在HTML4的文档中,新的web标准已经抛弃了此属性.所以使用name属性的时候应该使用XHTML过渡定义类型(xhtml1-transitional.dtd),不能使用在XHTML严格定义类型中(xhtml1-strict.dtd)

id属性在整个页面与CSS样式表中一定要是唯一的,在整个网站中最好也是唯一的

html 页面元素id不唯一,规定html元素的唯一的id属性相关推荐

  1. Javascript通过元素id和name直接获取元素

    概览: 偶然的机会,我在JavaScript中直接用HTML元素的id属性来获取该元素,并设置该元素的其他属性值,竟然能够正确解析不报错!于是我去查阅相关资料,也有其他同行这么用. 虽然说这种用法不是 ...

  2. 曲鸟全栈UI自动化教学(三):Selenium页面操作原理及如何高效的进行元素定位

    一.前言 上篇文章中我们成功编写并启动了第一个selenium脚本.那Selenium是怎样知道我们想要操作哪个元素的呢? 这篇文章将为你讲解Selenium的页面操作原理和高效的元素定位方法. 文章 ...

  3. input里面只有name属性 可以用id定位么_Selenium元素定位 提高篇 CSS定位元素

    CSS(Casading Style Sheets)是一种用于渲染HTML或者XML文档的语言,CSS利用其选择器可以将样式属性绑定到文档中的指定元素.理论上来说无论一个元素定位多复杂都能够定位到元素 ...

  4. python获取页面隐藏元素_python之selenium操作隐藏元素

    一.html显示与隐藏元素的几种方法 1.display none:隐藏元素 block:显示为块级元素 B元素 display: none 隐藏自身元素以及它的所有后代元素 ,隐藏后的元素不占据任何 ...

  5. edu--Web程序设计基础2021秋--【结构元素】【交互元素】【页面结点元素】【文本层次语义元素】【分组元素】

    Educoder – Web程序设计基础2021秋 --实训作业全总结 web程序设计基础R实验报告 2021年 -太原理工大学 文章目录 一. 结构元素 第1关:文档结构元素相关概念 第2关:hea ...

  6. 微信用户全局唯一标识_分布式系统的唯一ID生成算法对比

    在复杂分布式系统中,往往需要对大量的数据和消息进行唯一标识. 那么如何实现全局唯一id呢?有以下几种方案. (1)方案一:独立数据库自增id 这个方案就是说你的系统每次要生成一个id,都是往一个独立库 ...

  7. mongodb的id的唯一性_mongodb中的objectid是collection中唯一,还是全db唯一,还是全宇宙唯一?...

    5 2011-05-27 19:26:00 +08:00 @iiduce 你已提過了... ObjectID = 32bit timestamp + md5(hostname) + process-i ...

  8. java生成唯一有序序列号_分布式唯一 ID 之 Snowflake 算法

    SegmentFault 社区专栏:全栈修仙之路作者:semlinker No.1 Snowflake 简介 1.1 什么是 Snowflake Snowflake is a service used ...

  9. python判断数组中是否有重复元素_python经典面试算法题4.1:如何找出数组中唯一的重复元素...

    本题目摘自<Python程序员面试算法宝典>,我会每天做一道这本书上的题目,并分享出来,统一放在我博客内,收集在一个分类中. [百度面试题] 难度系数:⭐⭐⭐ 考察频率:⭐⭐⭐⭐ 题目描述 ...

  10. 记录:页面锚定 点击a标签进行锚定到指定的ID

    记录:页面锚定 点击a标签进行锚定到指定的ID a href="javascript:void(0)" οnclick="document.getElementById( ...

最新文章

  1. 无人车巨头每天都在做相同的事情:不惜血本做高精地图是为何?
  2. 每日一皮:你不知道你的骑手为了给你送餐要经历什么...
  3. 字符串的最大最小表示法 模板
  4. div 中的控件底部对齐_如何将div的内容与底部对齐?
  5. mov eax,dword ptr fs:[0] 指令
  6. python写dnf游戏脚本辅助_HMM-维特比算法明白与实现(python)_dnf辅助,r6辅助
  7. LR通过SiteScope监控mysql
  8. 数据又多又散,“孤岛困境”怎样破局?
  9. Linux下的tree命令 --Linux下目录树查看
  10. 系列TCP/IP协议-ARP与RARP
  11. .NET 判断进程是否存在
  12. java sessionid_Java SessionKey.getSessionId方法代码示例
  13. dijkstra模板(fast)
  14. 终于知道google为什么有时不能用了
  15. win10u盘被写保护怎么解除_win10系统所有usb都被写保护怎么取消_win10系统usb被写保护怎么办...
  16. html手机网站打不开,手机网页打不开是什么原因?网络正常但打不开网页怎么回事...
  17. Android Wifi P2P 入门
  18. 博图sodt定时器的用法_图文详解|西门子博途中的定时器指令
  19. SpringBoot通过logback将日志写到本地文件里面
  20. 计算机专业自考个人笔记分享

热门文章

  1. 域控制器安装完成没有_tcp_udp_究竟什么才叫域控制器?
  2. vue如何把数组转为json数组_vue.js,_vuejs Ajax取得一个数据json数组,vue.js - phpStudy...
  3. centos usb转网口_CentOS5.6系统中安装并使用USB无线网卡(配置成功) 转
  4. java asm jndi_GitHub - Q1ngShan/JNDI: JNDI 注入利用工具
  5. Win11怎么设置耳机和音响一起响
  6. Win11系统没有声卡驱动怎么解决 Win11系统没有声卡驱动解决方法
  7. 萝卜家园win11系统32位微软原版镜像v2021.08
  8. Chrome谷歌浏览器私密浏览自动开启功能获批专利
  9. urllib2.URLError: urlopen error [Errno 111] Connection refused
  10. Java锁之可重入锁介绍