首页 > 其他分享 >前端笔记-HTML id-20221021

前端笔记-HTML id-20221021

时间:2022-10-21 17:25:45浏览次数:49  
标签:JavaScript 元素 20221021 HTML 使用 id 属性

HTML id 属性

1.id属性

定义:HTML id 属性用于 为HTML 元素指定唯一的 id。

一个 HTML文档中不能存在多个有相同 id 的元素。

作用:用于指向样式表中的特定样式声明

注意:

id 名称对大小写敏感!

id 必须包含至少一个字符,且不能包含空白字符(空格、制表符等)。

2.id与类的区别:

同一个类名可以由多个 HTML 元素使用,而一个 id 名称只能由页面中的一个 HTML 元素使用。

3.使用id设置书签

<h2 id="C4">第四章</h2>
<a href="#C4">跳转到第四章</a>

4.在js中使用id属性

JavaScript 可以使用 getElementById() 方法访问拥有特定 id 的元素

id属性总结:

  • id 属性用于为 HTML 元素指定唯一的 id
  • id 属性的值在 HTML 文档中必须是唯一的
  • CSS 和 JavaScript 可使用 id 属性来选取元素或设置特定元素的样式
  • id 属性的值区分大小写
  • id 属性还可用于创建 HTML 书签
  • JavaScript 可以使用 getElementById() 方法访问拥有特定 id 的元素

标签:JavaScript,元素,20221021,HTML,使用,id,属性
From: https://www.cnblogs.com/zhangrong789/p/16814159.html

相关文章

  • 【Middleware】中间件与相关工具
    DockerCompose中的两个重要概念:服务(service):一个应用容器,实际上可以运行多个相同镜像的实例。项目(project):由一组关联的应用容器组成的一个完整业务单元。Compose......
  • HTML标签_表单标签_表单项input1和表单项input2
    *表单项标签: *input:可以通过type属性值,改变元素展示的样式 *type属性: *text:文本输入框,默认值 *placeholder:指定......
  • HTML 事件之键盘鼠标事件
    键盘事件(KeyboardEvents)属性值描述onkeydownscript当按下按键时运行脚本onkeypressscript当按下并松开按键时运行脚本onkeyupscript当松开按键时运行脚......
  • HTML-案例-注册页面,CSS-概述
    HTML-案例-注册页面<!--定义表单from,post:获取#号--><formaction="#"method="post"><!--边框1集中,宽度500--><tableborder="1"align="center"width......
  • 588_HTML标签_表单标签_概述and589 _HTML标签_表单标签_表单项input1
    HTML标签_表单标签_概述表单标签表单: form:用于定于表单的。可以定一个范围,范围代表采集用户数据的范围       属性:           action:指定提......
  • 前端笔记-HTML 块-20221021
    HTML块元素1.HTML块元素大多数HTML元素被定义为块级元素或内联元素。“块级元素”译为blocklevelelement,“内联元素”译为inlineelement。块级元素特点:块级元......
  • 前端笔记-HTML 列表-20221021
    HTML列表1.定义列表自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义以<dd>......
  • HTML标签-列表标签和HTML标签-链接标签
    HTML标签-列表标签案例:旅游网站首页1.确定使用table来完成布局2.如果某一行只有一个单元格,则使用<tr><td></td></tr>3.如果某一行有多个单元格,则使用<tr>......
  • spark scala 安装 window20221021
    1、spark安装http://archive.apache.org/dist/spark/spark-2.2.0/spark-2.2.0-bin-hadoop2.7.tgz 环境变量:  创建SPARK_HOME:D:\spark-2.2.0-bin-hadoop2.7Path......
  • unityID手机绑定相关问题
    关于unityID绑定手机号常见问题:1.想要更换新的手机号,且旧的手机号还在用的情况下,可以自行在账户管理页面更改。    2.若旧手机没有使用了,只能联系supportchina@u......