`
王树雄
  • 浏览: 241947 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

html 之浅谈id 和name属性值

阅读更多
id和name是html 中常用到的标签属性值;
看似雷同的它们却有着不同的作用,当然它们也有想通之处。
id:顾名思义,和身份证号码一样,是唯一的,一个人拥有一个,哪怕人再多,也是一人一个,不会因为地球七十亿人了,就会发生两个不同的人却有着相同身份证的情况。当然你说自己制造一个和别人一样的身份证,那我只能奉劝一句造假的事情咱还是别干为好。
name:和id一样都可以指代某个人了,但是,可以有不同的人叫相同名字的情况,这很常见。从小学到大学,姓名撞车的情况数不甚数,咱就不数了。
在html中,我们可以经常见到如下三种方法:
<1>var values=document.getElementsByName("name").value;
既然name可以指代许多人,那么我们通过上述到的values值,也就不只是唯一的,当然,你可以起一个别人一辈子也不可能起得,或者别人不可能那么有才想出来的名字,那么你就变成了唯一。
所以这儿得到的values是一个集合,换句话说也就是一个数组,未知长度的数组。你要获取该name所对应的value值得话,那就得遍历。当是你需要的值得时候,那么你就得到了自己的目标值。

<2>var key=document.getElementByIdx_x("id");
id有两种方法:
(1)var value1=key.value;
     
(2)var value1=key.innerHTML;

(1)这个方法和getElementsByName("name").value是一样的,区别就是,这儿的value1值是唯一确定的,也就是只是一个值,而不是一个个值的集合或者说是数组。说道这儿,我感觉比较重要的一点要说说,看到(2)这个方法,也许就比较纳闷了,什么时候用(1)什么时候用(2)。其实,记住一点就好区分了,用(1)的时候,说明这个标签里面可以写value值,比如说 <input type="button "> <input type="text"><input type="checkbox">等等,而用(2)的时候,那么标签里面不能写value值。比如说:
<b></b>等等,标签。这时,这些不能写value的标签用(2)方法key.innerHTML代表这个标签对之间的值,比如说test
那么key.innerHTML代表“test”这个值。想必大家又要问了,那些标签可以写value,那些不可以,一方面,写多了自己就明白了,另一方面,你要是实在不知道写不写,那么就在标签里面写上value=“value”,当点击保存在此行的行首出现一个黄色的三角形感叹号,或者标签属性的下面有一条黄色短线的时候,那么这个标签是不能用的,也就说明这个标签不能有value值,否则的话,可以用value值。
一般来说成对的标签只有id属性,而单个标签类似<input />这类标签既有id又有name属性;
<3>document.getElementByTagName("TagName").value;
这个方法,其实和<2>是一样的,得到的是一个数组集合。要想获得自己想要的目标值,就得遍历。


                                                             在此,希望对大家有帮助!

0
0
分享到:
评论

相关推荐

    浅谈html中id和name的区别.pdf

    HTML中的id和name属性在网页开发中扮演着重要的角色,它们虽然都是用来标识HTML元素,但有着明显的区别和特定用途。 首先,id属性是用于唯一地标识一个元素,确保在整个文档中id是唯一的,这使得id成为CSS选择器和...

    浅谈springboot 属性定义

    浅谈SpringBoot属性定义 春Boot框架中,属性定义是非常重要的一部分,它允许开发者在应用程序中定义和使用自定义的属性,从而提高应用程序的灵活性和可维护性。本文将详细介绍SpringBoot属性定义的相关知识点,包括...

    浅谈在页面中获取到ModelAndView绑定的值方法

    这里的`${name}`就是EL表达式,它会查找request作用域中的"name"属性并返回其值。 其次,我们还可以使用JSP内置对象`request.getAttribute()`来获取ModelAndView中的值。同样在后台设置完ModelAndView后,在JSP页面...

    浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预

    在这篇浅谈中,文章通过实例展示了如何利用JavaScript来改变`&lt;link&gt;`标签的`href`属性来更换CSS文件,从而实现对网站样式的动态切换。这里使用了两个函数`skin1`和`skin2`,它们分别将`&lt;link&gt;`标签的`href`属性设置...

    浅谈hibernate之映射文件VS映射注解

    浅谈hibernate之映射文件VS映射注解 在Java开发中,注解是一种非常常用的技术,例如@Override标记重写父类方法或实现接口方法,@Test标记单元测试方法。注解可以简单地理解为一种有特殊含义的标记。在开发过程中,...

    浅谈MyBatis-Plus学习之Oracle的主键Sequence设置的方法

    首先,Oracle Sequence是Oracle数据库提供的一种序列号生成器,它能够按照预设的步长和起始值生成唯一的数字,常用于生成主键值。在创建表时,我们并不会直接在表定义中指定主键自增,而是先创建一个Sequence,然后...

    浅谈西门子Prodave6.0在C#中的应用

    /// &lt;param name="adr_table"&gt;参数列表, 4个值分别为MPI/DP地址, 保留值=0, 槽号, 机架号 /// &lt;returns&gt;0正常返回, 非0为错误号 [DllImport("w95_s7.dll")] private extern static int load_tool(byte nr, string ...

    浅谈Mybatis乐观锁插件

    浅谈Mybatis乐观锁插件 Mybatis乐观锁插件是为了解决数据库并发修改问题而设计的插件,该插件可以自动给数据库表添加版本号字段,实现乐观锁机制。下面是相关知识点的详细说明: 1. 背景:在多用户同时访问同一条...

    C#数据绑定控件中的DataSource属性浅谈

    通过以上的实例,我们可以看到DataSource属性的强大之处,它允许我们将各种类型的数据源与UI控件无缝结合,极大地简化了数据呈现的复杂性。在实际开发中,根据需求选择合适的数据源类型,并正确地设置DataSource和...

    浅谈在ASP中调用SQL SERVER中的存储过程.docx

    创建COMMAND对象后,需要设置其CommandType属性为adCmdStoredProc表示将执行存储过程,然后设置CommandText属性为存储过程的名称。如果存储过程有输入或输出参数,可以使用Parameters集合来添加参数。 ```vbscript ...

    浅谈JavaScript 覆盖原型以及更改原型

    2. 创建构造函数:定义了一个名为Prisoner的构造函数,该函数接受name和id两个参数,用于初始化囚犯的姓名和编号。 3. 关联原型:将Prisoner构造函数的原型指向之前定义的原型对象proto。 4. 实例化对象:通过...

    浅谈spring注解之@profile

    如果我们没有设置 spring.profiles.active 属性,那么 Spring 将会查找 spring.profiles.default 的值。 例如,在 Web 应用程序中,我们可以在 web.xml 文件中添加以下配置: ```xml &lt;param-name&gt;spring.profiles...

    浅谈Vue数据绑定的原理

    在上述模板中,`name`和`age`是数据属性,它们的值会根据数据的变化实时更新。 ### 3. 视图到数据的绑定 对于视图到数据的绑定,Vue通过事件监听和事件处理程序实现。当用户在界面上交互(如输入表单)时,Vue会...

    浅谈jquery设置和获得checkbox选中的问题

    // 选择所有input[type="checkbox"]且name属性为'veri[]' var checkboxes = $("#agentinfo input[name='veri[]']"); checkboxes.each(function() { var currentCheckbox = $(this); for (var j = 0; j ; j++) { ...

    浅谈mongodb中query查询

    而`db.users.find({'last_name': 'Smith'})`则会筛选出`last_name`属性值为"Smith"的文档。 其次,MongoDB提供了查询选项来定制返回的结果。你可以选择仅返回特定字段,忽略其他字段。例如,`db.user.find({},{age:...

    DWZ table的原生分页浅谈

    `pageNum`和`numPerPage`字段的值在后台用于获取分页数据。 在后台,你可以通过`Request.Form["numPerPage"]`等方法获取这些表单数据,然后根据这些信息查询数据库并返回分页后的数据。 然而,需要注意的是,初次...

    浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)

    我这里往后端传递checkbox 多选框value的值是通过字符串方式传递,先调用js对选定checkbox遍历获取选的的boxvalue,然后写进隐藏域,最后作文对象的属性提交。见代码:` 前端: &lt;form:form commandName=user ...

    浅谈s:select 标签中list存放map对象的使用

    这个列表存储了`Map`对象,每个`Map`对象有两个键值对,分别是"id"和"name",分别代表下拉列表的值(option的value)和显示文本(option的内容)。 ```java private List, String&gt;&gt; maptest = null; public List, ...

Global site tag (gtag.js) - Google Analytics