首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

转: 细说HTML元素的ID和Name属性的区别

第一段里对于ID和Name的解答说的太笼统了,当然那个解释对于ID来说是完全对的,它就是Client端HTML元素的Identity。...具体用途有:     用途1: 作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、和button等。...当然HTML元素的Name属性在页面中也可以起那么一点ID的作用,因为在DHTML对象树中,我们可以使用document.getElementsByName来获取一个包含页面中所有指定Name元素的对象数组...这里再顺便说一下,要是页面中有n(n>1)个HTML元素的ID都相同了怎么办?在DHTML对象中怎么引用他们呢?...这个时候我们还是可以继续使用document.getElementById获取对象,只不过我们只能获取ID重复的那些对象中在HTML Render时第一个出现的对象。

2K30

一篇”水文“带你解剖HTML中的ID属性以及和Class属性的区别。

我又来写”水文“了,回顾上篇讲到的class属性,那么class属性和本篇要讲的id属性有什么不一样呢?跟随笔者步伐,一一解剖。HTML中的id属性直接先上个例子,看看效果,然后我们逐一剖析一下。...>图片在上面的例子中,h2元素和p元素都通过id属性来作为HTML元素的唯一ID,引用元素ID属性的语法是在前面增加#号,注意到style标签了嘛?...通过#id1和#id2来为h2和p元素设置了CSS属性呢。需要注意,id属性的值在,在HTML文档中必须是唯一的,并且它是对大小写敏感的,这个要注意哦!...Class属性和ID属性的区别在上次的分享中,我们讲到了class属性,那么它跟id属性有啥区别呢?简而言之就是class是可共享的,id是唯一的。怎么说呢?...也就是说同一个类名可以由多个HTML元素使用,而一个id名称只能由页面中的一个HTML元素使用。下面我们来看小栗子,将id的名称设置为一样,看看会有啥奇怪的现象。代码如下:<!

76410
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Python - 类中的对象与属性

    本文整理类中对象与属性(变量)相关知识。...实例对象 类对象实例化得到实例对象,实例对象仅支持一个操作: 属性引用;与类对象属性引用的方式相同,使用instance_name.attr_name的方式 # 类对象 print(Test)...、用作于属性,是因为我们将这部分对象绑在了类对象可使用的属性名称上; 换一种说法,对象就是对象,而世上本没有属性,当对象被绑定在类/实例上,对象也就成了类/实例的属性。...defined during running 属性引用 上文中对属性的使用事实上都是在引用类对象或实例对象中的属性。...需要特别说明的是实例对象的属性引用冲突的问题,当类中存在同名的实例属性与类属性时: 由于类对象无法访问实例属性,因此对类对象的属性引用没有影响 实例属性有权访问二者,实现上会优先引用实例级的属性,即同名的类属性会被覆盖

    2.7K10

    HTML5新增的标签与属性

    一、关于DTD HTML5 不基于 SGML,所以不需要引用 DTD(HTML 4.01 基于 SGML) 二、HTML5结构标签 标记定义一个页面或一个区域的头部 标记定义导航链接...和opera不能自动播放,需要一个页面元素上的交互才可以 width / height 属性没有作用,必须使用 style 标签里面的样式去控制它 为了提升客户的体验度,可以在audio的开始和结束标签之间添加文字...,没有传递表示重要的意思 可以同details与figure一同使用,定义包含文本,dialog也可用 可以同details与figure一同使用,汇总细节,dialog也可用...表单属性 autocomplete:自动完成,适用于 标签,以及以下类型的 标签: text, search, url, telephone, email, password...,这里超链接为外部链接) 十、HTML5其他属性 defer:加载完脚本后并不执行,而是等整个页面加载完之后再执行 async:加载完脚本后立刻执行

    1.6K10

    php与Ajax(二)—XMLHttpRequest对象的方法与属性

    属性: onreadystatechange* 指定当readyState属性改变时的事件处理句柄。...只写 readyState 返回当前请求的状态,只读. responseBody 将回应信息正文以unsigned byte数组形式返回.只读 responseStream 以Ado Stream对象的形式返回响应信息...只读 responseText 将响应信息作为字符串返回.只读 responseXML 将响应信息格式化为Xml Document对象并返回,只读 status 返回当前请求的http状态码.只读 statusText...返回当前请求的响应行状态,只读 readyState 变量,此属性只读,状态用长度为4的整型表示.定义如下: 0 (未初始化) 对象已建立,但是尚未初始化(尚未调用open方法) 1 (初始化) 对象已建立...如果为真,当状态改变时会调用onreadystatechange属性指定的回调函数。 bstrUser[可选] 如果服务器需要验证,此处指定用户名,如果未指定,当服务器需要验证时,会弹出验证窗口。

    17030

    JavaScript之面向对象学习二(原型属性对象与in操作符)获取对象中所有属性的方法

    person1.name="李四"; alert(person1.name); //输出"李四", 因为person1.name="李四";给person1实例定义了一个name属性,该属性将原型属性对象中的...观察上面的代码我们发现,当in操作符单独使用的时候有一个规律如下: 属性    in   对象的实例 他的用法就是:判断这个属性能否被对象的实例所访问到,如果对象实例能访问到属性返回true,如果不能返回...false; 注意:这里的属性可以是对象实例的属性,也可以是对象实例的[[Prototype]]属性指针,所指向的原型对象; 下面是结合Object.hasOwnProperty()和in判断一个属性到底是实例属性...in操作符之for-in结合使用 在使用for-in循环时,返回的是所有能够通过对象访问的、可枚举的属性,既包括实例中的属性又包括原型对象中的属性; 注意:屏蔽了原型中不可枚举属性(即将[[Enumerable...ECMAScript 5也将constructor和prototype属性的[[Enumerable]]特性设置为false,但并不是所有的浏览器都照此实现。

    1.6K90

    php学习之类与对象的类的静态属性

    静态变量定义 静态变量是当前类的所有对象共享的变量,任何一个该类的对象去访问它时,取得的都是相同的值,同样任何一个该类的对象去修改它时,也时同样被修改 定义静态变量 访问修饰符 static 静态属性名...; static 访问修饰符 静态属性名; 两种方式都可以 访问静态变量 在类的内部访问:有两种方式 self::静态属性名; 类名::$静态属性名; ?...在类的外部访问 如果是在类的外部访问今天属性,静态属性需要是public,否则也不能直接访问,访问的形式是   类名::$属性名 $thishe self 的区别 使用方式不同 self:: $this...-> self是类的范畴指向类,$this是对象实例,指向对象实例 静态变量的使用注意事项 如果在类的内部去使用静态变量,有两种形式,self::$静态变量,   类名::$静态变量, 静态属性可以是public...、protected、private 在类的外部访问静态属性时 只能是类名::$静态属性名,要求是public 静态变量可以在定义时,直接初始化,普通的成员属性也可以 需求: 玩游戏时,当有人加入游戏时加一

    64300

    html外边距如何归零,盒子模型的overflow属性,border属性,padding与margin属性

    html外边距如何归零,盒子模型的overflow属性,border属性,padding与margin属性...具体图下图所示: ㈠概念与组成 1.页面上区域,图片,导航,列表,段落都可以是盒子。 2.页面中的所有元素都可以看成一个盒子,占据着一定的页面空间。...㈣padding与margin属性 1.对浏览器默认的设置清零,采取全局声明 注意:属性的取值,只有当它取值为零的时候,才可以省略它的单位,其他情况是不可以的。...,左与右相等 ⑶第三个是第四个值省略,表示左与右相等 ⑷第四个注意,这里虽然上下边距都为1px,但是这里不能缩写,如果缩写,位置会发生变化,值的设定就错了 *四个方向有顺序为:上右下左,顺时针,如图所示...可以任意;auto设置的是左侧和右侧的取值,设定为auto ★案例示意: ⑴首先是HTML部分如下图所示: ⑵重点说一下CSS部分 我们用“#”开头来定义这个外层盒子的样式,为了让所有图片都居中,用文字和图片的统一的居中的方式

    1.4K20

    【js】对象属性的拦截和Proxy代理与Reflect映射的用法与区别

    对象属性的拦截 介绍 在对象中,set 和 get 是属性的特性,用于定义属性的赋值和取值行为。它们允许您在属性被赋值或取值时执行自定义的逻辑。...Set set 是一个对象属性的特性,用于定义属性的赋值行为。当给属性赋值时,set 方法会被调用,允许执行自定义的逻辑。...映射 介绍 Reflect 是一个内置的 JavaScript 对象,它提供了一组用于操作对象的方法。这些方法与对象的操作行为相对应,例如属性访问、函数调用、实例化等。...:Reflect 提供了与目标对象的默认行为相对应的方法,比如 Reflect.get、Reflect.set、Reflect.has 等。...Reflect 映射(Reflect Mapping):Reflect 是一个内置的对象,提供了一组与对象操作相关的方法,用于执行与目标对象相同的操作。

    63520

    Python面向对象程序设计中属性的作用与用法

    属性是一种特殊形式的成员方法,结合了公开数据成员和成员方法的优点,既可以像成员方法那样对值进行必要的检查,又可以像数据成员一样灵活的访问。...Python 2.x中对象属性并没有提供太多保护机制,存在一些问题。在Python 3.x中属性得到了较为完整的实现,支持更加全面的保护机制。...如果设置属性为只读,则无法修改其值,也无法为对象增加与属性同名的新成员,当然也无法删除对象属性。...下面的演示代码将属性设置为可读、可修改、可删除,如果不指定删除操作的方法将无法删除该属性,同理,如果不指定修改操作的方法则无法对属性的值进行修改。...__value = v #删除对象的私有数据成员 def __del(self): del self.

    94640

    如何将QGIS中的属性表与Excel表格关联?

    本期作者:尼克 易知微3D引擎技术负责人QGIS是一款开源且具备完整地理信息系统的桌面GIS软件,主要功能包括数据浏览、地图制图、数据管理与编辑、空间数据处理与空间分析、地图服务等框架。...为了将Excel数据写入QGIS属性表实现数据可视化,我们内部总结了一个最快捷的方法⬇️step 1.添加ID列在QGIS的属性表中添加一个id列,并写入编号step 2.创建Excel创建一个Excel...统一ID字段和ID2字段类型原图层中id为字符串类型,excel中id2为数字类型,两个类型无法匹配。...在工具箱中搜索「重构字段」将id2的类型修改为文本(字符串),运行step 5.连接数据属性在工具箱中搜索「按字段值连接属性」step 6.对应输入图层输入图层为原图层;输入图层2为Excel表图层;选择好对应字段...点开被连接图层的属性表,可以看到数据都匹配好了,保存导出即可感谢阅读,以上内容均由易知微3D引擎团队原创设计,以及易知微版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。

    24610

    爬取网站文章将图片保存到本地并将HTML的src属性更改到本地

    每次当你爬取一篇文章时,不管是从csdn或者其他网站,基本内容都是保存在一个富文本编辑器中,将内容提取出来还是一个html,保存之后图片还在别人的图片服务器上。...我今天要说的就是将图片保存之后并将它的src属性替换成本地的地址。并且以次替换,按照原文章排版顺序替换。 话不多说,直接上代码 #!...\.jpg)" pic_ext' imgre = re.compile(reg) # Python3需要加的 html = html.decode('utf-8') #...找到所有匹配项 imglist = re.findall(imgre, html) x = 0 # 循环 for i in range(len(imglist)):...= getHtml("http://tieba.baidu.com/p/2460150866") print(getImg(html)) 这个demo知识贴吧的一个帖子里的图片,大家可以依据自己的需求去更改此代码

    1.9K31

    每日一学Vue脚手架中基础的ref属性与原生id区别

    只需要几分钟的时间就可以运行起来并带有热重载,保存时 lint 校验,以及生产环境可用的构建版本 是一个快速构建 vue 项目的工具,通过他,我们可以将 vue 所需要的插件安装完成。...正文: Vue中ref属性类似于原生中的id,但是两个还是有严格意义上的区别的 ref与id以及对应的this....$refs.xxx与document.getElementById("xxx") 区别: ref属性: 1.ref用在template中的标签中时(用于得到该标签的dom元素) 例: template:...  结果是获取到相对应的dom元素 2.ref用在组件标签中时(用于得到该组件的所有的实例对象) 例:  template: id="app">... 结果: 展开:  原生的id属性: 1.id用在template中的标签中==ref用template中的标签中(唯一区别就是一个id把显示出来了,一个没有显示出来)如下: 这两个用在

    59930

    浏览器中的JavaScript核心BOM(浏览器对象模型)重点掌握对象之Window对象的属性与方法

    浏览器中的JavaScript核心BOM(浏览器对象模型)重点掌握对象之Window对象的属性与方法 引言 正文 一、Window对象的方法 (1)计时器 (2)打开窗口 (3)关闭窗口 (4)对话框...其实除了这三种简单的对话框外,还有一种复杂的对话框,叫做模态对话框,调用方法为showModalDialog(),它的实质就是将另一个HTML文件作为弹框显示在页面中,因为比较复杂,用到的也不多,我就不多做讲解了...二、Window对象的属性 要是说到Window对象的属性的话,那可就多了,我们先来讲一个常用的,例如opener ,该属性返回一个window对象,表示该窗口是由谁打开的。...还有更多的window对象属性,其实都是通过调用了别的对象的属性来引用的,因为window对象表示的整个窗口,所以window对象是最大的一个对象,在他里面还有很多别的对象,我们可以通过window.别的浏览器内置对象来引用别的对象属性...Location对象 博客链接:浏览器中内置对象Location属性与方法详解 History对象 博客链接:浏览器中内置对象History属性与方法详解 Navigator对象 博客链接:浏览器中内置对象

    1.7K20

    浏览器中的JavaScript核心BOM(浏览器对象模型)重点掌握对象之Location对象的属性与方法

    之后,我们都知道对象分为内置对象 、宿主对象 、自定义对象,我们经常用到的浏览器中的内置对象就是宿主对象的一种,浏览器的内置对象有很多,本文就来详细讲解一下Location对象的属性与方法吧。...公众号:前端印象 不定时有送书活动,记得关注~ 关注后回复对应文字领取:【面试题】、【前端必看电子书】、【数据结构与算法完整代码】、【前端技术交流群】 正文 因为把浏览器的所有内置对象逐个详细讲解,文章篇幅会很长...可以看到,返回的Location对象中有许多的属性和方法,接下来我们就对这些属性和方法进行讲解。...查询参数#锚 再来看看一个真实的URL https://www.baidu.com/index.html?...query=java&i=0#_1 我们在该URL页面调用Location对象的各个属性的返回值如下: location.href //返回https://www.baidu.com:5000/index.html

    67310
    领券