html标签id自增，html标签id命名规则

一个html中使用多次相同id会怎么样

如果是特效使用ID这样如果多次使用相同命名css id ，网页JS会报错，同时特效也不会生效。ID选择器特定是具有唯一性，所以实际使用时候无论网页是否特效使用ID，大家都要遵循同一网页只能使用调用一次id。

在css里的话，如果用了两个相同的ID，那么他们的样式是相同的。在javascript，如果要对该id对象进行操作，可能会出错。因为有两个相同id的对象。比如取值的话。

根据你描述的情况，html和html是完全独立开的，JS是分别在两个页面中执行，并不冲突。框架放在一起同时打开并不会有任何影响 另外，理论上同一页面ID不可重复，当然你真这么做了也不会有事，浏览器允许容错。

在页面显示上，目前的浏览器还都允许你犯这个错误，用多个相同ID“一般情况下”也能正常显示。但是当你需要用JavaScript通过id来控制这个div，那就会出现错误。

同一个页面中如有相同id肯定会出错，不同页面有相同id则不会。但需要注意使用框架（包括浮动框架）和ajax载入另一个页面的内容到当前页的情况，这种情况尽管是两个（或多个）页面文件，但处于同一个页面中，所以id会冲突。

相关问答

Q1: js如何设置一个自增的标识id

在我们的电脑上打开软件，新建一个html页面。在html页面创建一个id为xx，值为666的文本框，通过var v=document.getElementById(xx).value；原生js方法来获取文本框的值。

不管是那种输出，都是要用到循环的，既然是循环，我们只需要增加一个自增的变量，然后赋值给dom的id就行。

js实现在一个标签之后添加一个标签，代码很简单。

sID ： 必选项。字符串 (String) 。 返回值：oElement ： 对象 (Element) 。说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。

var a = []；// 创建数组a.push(1)； // 添加到最后a.unshift()； // 添加到第一个位置 还能用下标添加。

Q2: html标签的id属性是什么?有什么用?

1、【id】会用在JavaScript的编程里面，意思是一个文件通过id号XX得到？，即是可以在客户端获取id号为XX文本框。【value】在后台如果你想得到复选框的内容 就是value 来取 。

2、id： id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称。

3、ID就是指一个你所指的属性，它和类（即class）一样，能设置许多的属性值，也就是在CSS里面的# (你起的名字-即ID)，不懂的话你应该学学css，这个挺简单的。

4、与value一起用，比如name是“color”，value是“red”，那么就会有参数color=“red”。id是用来唯一标识一个容器，在CSS样式表和JS中都可能会用到，用来调节被id标识的容器的样式和动态效果。

5、id的意思就是身份证，它是具有唯一性的，也就是说同一个网页的所有标签的id都不能有相同的；name就是名字，而名字是允许重复的。

Q3: html中id,div,span是啥意思,它们是怎么用的?

id 在HTML中的作用是给一个单元(元素，标签)一个独一无二的标识或标记，让流览器在分析处理网页时找到id所在的地方，常用于：元素的风格(style sheet)选择 脚本语言用它作为标记 ，找到id 所在的单元。

span标签的意思：行内标签。span标签的作用：组合文档中的行内元素。span标签在行内定义一个区域，也就是一行内可以被span划分成好几个区域，从而实现某种特定效果。

HTML中id的作用是为单元（元素，标签）提供唯一的标识或标记，以便浏览器在分析和处理网页时可以找到id的位置。通常用于：元素的风格(style sheet)选择。脚本语言使用id属性作为标记来查找id所在的单位。

span和div区别在于，div是一个块级元素，它包含的元素会自动换行。而span是行内元素，在它的前后不会换行。span没有结构上的意义，只是单纯的应用样式，其他元素不适合时，就可以使用span元素。

div和span的区别是：div标签是块级元素，每个div标签都会从新行开始显示，占据一行；div标签内可以添加其他的标签元素（行内元素、块级元素都行）。

DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。div 可定义文档中的分区或节（division/section）。标签可以把文档分割为独立的、不同的部分。

Q4: 如何循环给li标签添加id

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(li a).each(function (i， e) {$(this).attr(id， id1_ + i)；})；。

2、新建一个txt文档，将文档修改成“index.html”的html文件。将html文件用Sublime编辑器打开，完善html5标准化代码，并修改网页标题。在body标签内编写一段ul、li的标签。

3、在循环里面id=phone[+num+]，循环结束idNum++就行；foreach标签好像有个序列的属性 varStatus=status 可作为index来用，动态添加到id中作为id的后缀。

4、alert(liV.nodeValue)中nodeValue仅仅对CDADA片段、注释Processing instruction及text节点有效，因此这里返回空。这里应使用textContent。 liV[i].onclick这里并没有创建数组，应改为liV.onclick。

Q5: smarty模板问题:HTML标签属性中的id=s1,如何使其随foreach循环自动增加...

1、wsreco，$newsreco)；$newsreco这里加上双引号的话，值还没有传递就直接被展开成Array了。另外如果可以用foreach的时候，还是用foreach比较好，section的效率比foreach低很多，这不是一个喜欢与否的问题。

2、在微信小程序的JS文件中，可以使用for循环实现对某个数组或数据的多次遍历。在循环中，可以使用变量来存储数组中的每个元素，以便对元素进行操作。如果需要在for循环外传递参数给JS文件，可以使用Page的setData方法。

3、a标签是个超链接标签，意思是说可以点击跳转到一个网址的标签。里面的属性href是跳转到的网址。findGift是一个网页文件？id=是传递一个id参数过去。${g.id}是smarty模板引擎的固定写法，意思是调取g数组的id变量的值。

html标签id自增的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html标签id命名规则、html标签id自增的信息别忘了在本站进行查找喔。