无论你想取得DIV的ID还是CLASS 最重要的是找到你想取值的DIV对象
要取得DIV对象的方法有很多常用的有2个,一个是根据ID,用
var div=documentgetElementById('youdivid')
另一种就是通过标签名来取得
var div=documentgetElementsByTagName('div')[num]
第2种方法和第一种方法的区别是不用设ID也能取得对象,第一种方法取得的是一个对象,第2种方法取得的是一个由所有DIV标签所组成的数组所以后面要根上DIV的序列比如你想取得网页的第一个DIV就
var div=documentgetElementsByTagName('div')[0]
第2个
var div=documentgetElementsByTagName('div')[1]
以此类推
取得DIV对象以事取ID或CLASS就简单了
var id=divid;
var class=divclassName;
就这么简单
下面有个例子,如果不懂,随时问我
<html>
<head>
<script>
function a(){
var div=documentgetElementById('a');
alert('div的class为:'+divid)
alert('div的id为:'+divclassName)
}
function b(){
var div=documentgetElementsByTagName('div')[0];
alert('div的class为:'+divid)
alert('div的id为:'+divclassName)
}
</script>
<style>
c{width:100px; height:100px; background:#0000CC}
</style>
</head>
<body>
<div id="a" class="c">
这是一个DIV
</div>
点击下面按钮取得ID和CLASS
<input type="button" onClick="a()" value="通过ID取得DIV,从而也得CLASS和ID">
<input type="button" onClick="b()" value="通过DIV标签取得DIV,从而也得CLASS和ID">
</body>
</html>
如果是这样写 直接使用就可以
var go = function(obj){
var id = objid;
var id = objvalue;
}
也可以改变一下思路 传自己的ID进去
<input id="t1" value="3" obblur="go('t1')"/>
var go = function(id){
var obj = documentgetElementById('t1');
}
推荐使用jquery jquery *** 作这个非常简单 举个例子
var go = function(obj){
var id = $(obj)attr('id');
var v = $(obj)val();
}
<form name="from" actioin="#" method="post">
<input type="text" id="name" />
</form>
<script>
function getValue(){
var name = documentgetElementById("name")value;//获取id为name的输入框的值
}
</script>
我有一个想法就是首先遍历该集合,然后将id替换成有序的索引
for（var i = 0 ,i<listlength ,i++）{
list[i]id=i;
}
通过该id的索引可以很方便的找出数组中对应的变量，
list[对象id]
这样做适合于大量数据查找对应属性的 *** 作，只需要遍历一遍，后续的所有查找动作都可以通过索引直接完成。
经过本人测试
find方法比直接遍历慢十倍，比直接通过索引查询慢一百倍，
综上，还不如直接用遍历来的快些！
测试代码如下：
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoobcom)</title>
</head>
<body>
<p>点击按钮返回符合大于输入框中指定数字的数组元素。</p>
<p>最小年龄: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">find方法点我</button>
<button onclick="Fun()">遍历方法点我</button>
<button onclick="FunIndex()">直接找的方法</button>
<p>值: <span id="demo"></span></p>
<p><strong>注意:</strong> IE 11 及更早版本不支持 findIndex() 方法。</p>
<script>
//测试结果很现实，遍历比find要快太多
var ages = [];
for(var i =0 ;i<1000000;i++){
agespush(i);
}
function checkAdult(age) {
return age == documentgetElementById("ageToCheck")value;
}
function myFunction() {
var start = new Date()getTime();
documentgetElementById("demo")innerHTML = agesfind(checkAdult);
consolelog("find查找耗时 ：" +(new Date()getTime()-start))
}
function Fun() {
var start = new Date()getTime();
var value = documentgetElementById("ageToCheck")value;
for(var i =0 ; i<ageslength ;i++){
if(i==value){
documentgetElementById("demo")innerHTML =i;
consolelog("直接遍历耗时 ：" +(new Date()getTime()-start));
return;
}
}
}
function FunIndex(){
var start = new Date()getTime();
documentgetElementById("demo")innerHTML =ages[documentgetElementById("ageToCheck")value]
consolelog("数组索引查找耗时 ："+(new Date()getTime()-start));
}
</script>
</body>
</html>
测试结果如下：
以上就是关于javascript怎么获取div id或者class全部的内容，包括:javascript怎么获取div id或者class、javascript传this 另一个方法怎么获取this的id、在javascript中怎么获取表单中的对象 document.getElementById(id); 此方法哪个字母需要大写等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）