方法有两种：
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
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，填充问题基础代码。
2、在indexhtml中的<script>标签，输入js代码：$('body')append($('button')attr('class'));。
3、浏览器运行indexhtml页面，此时按钮的class名被js取到并打印了出来。
非IE6,7,8可以直接用自带的属性 getElementsByClassName,如果需要考虑兼容，就需要自己写了。下面是自己写的：
function getClassName(obj,sName) //-->obj是要获取元素的父级
{ //-->sName是class名字
if(documentgetElementsByClassName)
{
return objgetElementsByClassName('sName');
}
else
{
var aTmp = objgetElementsByTagName('');
var aRes=[];
var arr =[];
for(var i=0;i<aTmplength;i++)
{
arr = aTmp[i]classNamesplit(' ');
for (var j=0;j<arrlength;j++)
{
if(arr[j] == sName)
{
aRespush(aTmp[i]);
}
}
}
return aRes;
}
}
大概思路，是将你要获取class元素父级下的所有元素都取出来，再循环查找className，满足的元素存到数组中，然后返回。
1、新建一个html文件，命名为testhtml，用于讲解JS如何获取指定DIV下的子元素LI的值。
2、在testhtml文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目一、项目二。
3、在testhtml文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。
4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取LI的值”。
5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getli
6、通过获得li对象，使用each()方法遍历每一个li对象，通过text()方法获得li的值，使用push()方法将获得li值存进数组中。最后，使用alert()方法将所有li值输出。
7、在浏览器打开testhtml文件，点击按钮，查看结果。
根据你的需求，举例如下：
documentquerySelector：获取首个（单个）符合条件元素
documentquerySelector('name'); //获取页面上首个class属性中包含name的元素。documentquerySelectorAll：获取全部符合条件元素
documentquerySelectorAll('name'); //获取页面上全部class属性中包含name的元素。思路：用getElementsByTagName方法来实现。
片断代码如下：
<html><head>
<script type="text/javascript">
function getElements()
{
var x=documentgetElementsByTagName("input");
alert(xlength);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()" value="How many input elements" />
</body>
</html>
效果图如下：
定义和用法
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
以上就是关于如何用js获取id 元素内容全部的内容，包括:如何用js获取id 元素内容、js怎么获取元素的class名、js怎么根据class获取元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）