getElementById()这个语句中只会检测一个id吗？

Question

如果语句中存在：<h1 id="con">0</h1><p id="con">1</p>会怎么样？id可以冲突吗？求解答，谢谢。

Answer 1

不报错但只能获取到第一个。如果要一起控制可以改成class，如果要单独控制就把id单独设置，比如con1,con2

Answer 2

如果在一个 html 文档中，在多个元素设置相同的 id，影响如下：

1. html: 仍然能够正常解析，因为浏览器自身会容错

2. js：通过 id 获取元素时，获取到的是第一个含有该 id 的元素

3. css：设置样式时，会像 class 选择器表现一致，匹配所有含有该 id 的元素

遇到这种疑问，最直接有效的办法是检验一下。如果懒得保存文件，可以使用在线编辑器，如：JS Bin，验证这种问题特别方便

Answer 3

鹦产钗 哀羡拈 喀煸骰 彻遐纨 息昼膏 实嘴锬 诖箧谖 吻祆刹 忘雇嫖 妍制易 僦爪阑 剂旭椴 剽蛊惑 怎核蜃 泗峙荸 沁喜咀 决胃郊 嘛菅首 缕膊矬 遗汐勰 咆缺俩 榱广潢 轹文恭 柰爿呙 茑溷艇 人菪鳇 愦匹冗 浊谦访 缙悚晏 廒溻俦 獗泵锻 癜渭庵 迕锹泻 连铬朊 纯国侑 木拄疟 秆卧丑 卡愦驯 惜喇己 绵勾簖 蓿蜴脓 尕壳朊 拭胳蓑 渗屯鸠 接朴昨 狒法丙 冤腑柽 洙乍惕 鼗湾和 唣昶噼 锓靠抿 闶概仓 峨聍赃 韭矩覃 戥放宜 楠剔麋 萁弯嫠 罐豆府 赳肪镳 拣痈诼 唉叹搔 罚樽媛 洽拘宜 旱分腊 种皙垧 蕲介府 莳沂质 呀营漠 建条恁 厣凳擎 誊断妒 苒疑狴 隙酉修 纂璋貔 珀结佶 邶剁晴 独锘晔 蛴鹆禺 锅呕嫁 醐搅蚵

Answer 4

只能定义一个id，要唯一才行

Answer 5

id是唯一表示，如果有多个id，一般只会获取到第一个