方法有两种：
1、通过jquery的方式，使用id选择器方式获取节点，然后获取值。
2、通过原生的dom方式，获取id的值。
每一个HTML元素都使用id来进行一个标注，随后可以通过documentgetElementById(“ID名称”)取得指定的ID元素对象，取得元素对象之后就可以对其进行 *** 作。
但是documentgetElementById()只能取得一个元素信息。
documentgetElementById(“id”) 获取到的是整个对象。
documentgetELementById(“id”)innerHTML；才可以获取到其中的内容。
documentgetElementById('con')获取的只是P标签，返回的[objectHTMLParagraphElement]。
documentgetElementById('con')innerHTML获取的才是P标签里的内容，返回的是JavaScript。
扩展资料：
JavaScript脚本语言具有以下特点:
(1)脚本语言。JavaScript是一种解释型的脚本语言，C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
(2)基于对象。JavaScript是一种基于对象的脚本语言，它不仅可以创建对象，也能使用现有的对象。
(3)简单。JavaScript语言中采用的是弱类型的变量类型，对使用的数据类型未做出严格的要求，是基于Java基本语句和控制的脚本语言，其设计简单紧凑。
(4)动态性。JavaScript是一种采用事件驱动的脚本语言，它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时，鼠标在网页中进行鼠标点击或上下移、窗口移动等 *** 作JavaScript都可直接对这些事件给出相应的响应。
(5)跨平台性。JavaScript脚本语言不依赖于 *** 作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用，前提上机器上的浏览器支持JavaScript脚本语言，目前JavaScript已被大多数的浏览器所支持。
不同于服务器端脚本语言，例如PHP与ASP，JavaScript主要被作为客户端脚本语言在用户的浏览器上运行，不需要服务器的支持。所以在早期程序员比较青睐于JavaScript以减少对服务器的负担，而与此同时也带来另一个问题：安全性。
而随着服务器的强壮，虽然程序员更喜欢运行于服务端的脚本以保证安全，但JavaScript仍然以其跨平台、容易上手等优势大行其道。
同时，有些特殊功能（如AJAX）必须依赖Javascript在客户端进行支持。随着引擎如V8和框架如Nodejs的发展，及其事件驱动及异步IO等特性，JavaScript逐渐被用来编写服务器端程序。
参考资料来源：百度百科-javascript
$('a')hide(); 这是隐藏，相当于display:none
但是如果你的页面中有很多a标签，一部分是要隐藏的，一部分是不隐藏的，这时候可以在要隐藏的上面统一加相同的class值 这样页面加载时候默认$('className')hide()
使用Jquery获取某个div时需要这样：前台使用EL进行迭代LIST生成div，为其添加动态的id,生成之后变成下面样式
<div id="tz-1"></div>
<div id="tz-2"></div>
<div id="tz-3"></div>
<div id="tz-4"></div>
<div id="tz-5"></div>
<div id="tz-6"></div>
注意：我们在使用Jquery获取某个div时需要这样写
$("#" + 所定义的id变量名);
而不能写成这样
$("#所定义的id变量名");
扩展资料：
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
ID选择器：选择具有给定id属性的单个元素。
对于id选择器，jQuery使用JavaScript函数documentgetElementById()，这是非常有效的。当另一个选择器连接到id选择器时，如H2#页滴，jQuery在将元素标识为匹配之前执行额外的检查。
呼叫jQuery()(或$())，以id选择器作为其参数，将返回一个jQuery对象，该对象包含一个包含0或一个DOM元素的集合。
各ID值只能在文档中使用一次。如果已为多个元素分配了相同的ID，则使用该ID的查询只会选择DOM中的第一个匹配元素。但是，不应依赖此行为；使用相同ID的多个元素的文档无效。
如果id包含像句点或冒号这样的字符，则必须用反斜杠转义那些字符
参考资料：
百度百科 jQuery
Jquery官方API -ID Selector
通常来说，id控件是只有一个的，推荐你使用name或者其他的属性来执行对应的js
<body>
身份z：<input name="ID_cards" />
<br />
<input name="txtZhong" type="button" value="zhong" />
<input name="txtZhong" type="button" value="zhong" />
<input name="txtZhong" type="button" value="zhong" />
</body>
<script type="text/javascript">
// 为每个 name="txtZhong" 的控件绑定 onclick 事件，执行 MyClick 方法
windowonload = function () {
var inputZhong = documentgetElementsByName("txtZhong");
for (var input in inputZhong) {
// 循环绑定 onclick 事件 = 方法(){ // 执行的内容，可以带参数 }
inputZhong[input]onclick = function () {
MyClick();
}
}
}
function MyClick() {
alert("zhong");
} </script>
putArr=documentgetElementsByClassName() ()("input的class名称");
putArr=documentgetElementById()("input的id");
putArr=documentgetElementsByName("input的名称");
for(var i=0;i<inputArrlength;i++){
alert(inputArr[i]id);
}
扩展资料
Document 对象事件
1、onactivate，当对象设置为活动元素时触发。
2、onbeforeactivate，对象要被设置为当前元素前立即触发。
3、onbeforecut，当选中区从文档中删除之前在源对象触发。
4、onbeforedeactivate，在 activeElement 从当前对象变为父文档其它对象之前立即触发。
5、onbeforeeditfocus，在包含于可编辑元素内的对象进入用户界面激活状态前或可编辑容器变成控件选中区前触发。
6、onbeforepaste，在选中区从系统剪贴板粘贴到文档前在目标对象上触发。
7、onclick，在用户用鼠标左键单击对象时触发。
8、onmouseover，鼠标指针移到对象时触发
9、onmouseout，鼠标指针移出对象时触发
Document 对象方法
1、attachEvent，将指定函数绑定到事件，以便每当该事件在对象上触发时都调用该函数。
2、clear，目前尚未支持。
3、close，关闭输出流并强制将数据发送到显示。
4、createAttribute，以指定名称创建 attribute 对象。
5、createComment，以指定数据创建 comment 对象。
6、createDocumentFragment，创建一个新文档。
7、createElement，为指定标签创建一个元素的实例。
8、createEventObject，生成当使用 fireEvent 方法时用于传递事件相关信息的 event 对象。
9、createStyleSheet，为文档创建样式表。
10、createTextNode，从指定值中创建文本字符串。
11、detachEvent，从事件中取消指定函数的绑定，这样当事件触发时函数就不会收到通知了
12、write()，动态向页面写入内容
13、createElement(Tag)，创建一个html标签对象
14、getElementById(ID)，获得指定ID值的对象
15、getElementsByName(Name)，获得指定Name值的对象
示例
下面的例子使用了 document 对象检查文档标题并在消息框中显示该标题(如果非空)。
if (documenttitle!="") alert("标题为 " + documenttitle)下面的例子演示了在浏览器的状态栏上显示鼠标当前位置的事件句柄函数，所得位置相对于文档的左上角。
<HTML>
<HEAD>
<TITLE>报告鼠标移动</TITLE>
<SCRIPT LANGUAGE="JScript">
function reportMove(){
windowstatus = "X=" + windoweventx + " Y=" + windoweventy;
}
</SCRIPT>
<BODY onmousemove="reportMove()">
<H1>欢迎!</H1>
</BODY>
</HTML>
参考资料：
貌似不行哦，id是唯一的主键 就像你的身份z一样，没有人和你的相同
你可以用class 或者其他的任何属性来代替id
比如
<div class="a" ></div>
<div class="a" ></div>
<div calss="a" ></div>
//这里获取的是所有div的一个集合
var div_obj = documentgetElementsByTagName("div")
如果值针对class为a的进行 *** 作
再加上这个
for(var i=0;i<div_objlength;i++){
if(div_objitem(i)className=="a"){
//这个时候你就相当于是对class为a的div进行了 *** 作
}
}
最后更好的方法是去看看jqeury那样取值更方便
$("a")这就是取得所有class为 a的对象集合
希望能帮到你
以上就是关于如何用js获取id 元素内容全部的内容，包括:如何用js获取id 元素内容、js 获取 页面元素 id ，这些元素功能都是一样的，只要id不一样，要怎么获取呢，求大神解答！、jQuery 如何通过 ID 选择器 获取动态ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）