无论你想取得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>
可以使用jQuery的children方法来获取某个元素下的所有子元素。
工具原料：编辑器、浏览器
1、使用children方法可以获得选择器下的所有子元素，代码实例如下：
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<style>
body { font-size:16px; font-weight:bolder; }
p { margin:5px 0; }
</style>
</head>
<body>
<div>
<span>Hello</span>
<p class="selected">Hello Again</p>
<div class="selected">And Again</div>
<p>And One Last Time</p>
</div>
<script>$("div")children("selected")css("color", "blue");</script>
</body>
</html>
2、运行的结果是找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色，结果如下：
第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1stylewidth拿不到宽度，而通过#div1offsetWidth才可以获取到宽度。
第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。（什么是行内，就是直接在html标签上写样式）
小结，因为idoffsetWidth和idoffsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过idstyleatrr来获取。
现在的前端制作很少直接把样式写style里了，都是写在样式表里。如果你要获取的样式没有相对应的（就像#div1stylewidth对 应#div1offsetWidth），就只能分别针对不用浏览器来获取样式表的属性了，可以试着搜索“JS 获取样式属性”之类的。
代码：
var o = documentgetElementById("view");var h = ooffsetHeight; //高度var w = ooffsetWidth; //宽度
扩展资料：
js编程:
JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。而其解决办法就是于使用try{}catch(){}。
Javascript被归类为直译语言，因为主流的引擎都是每次运行时加载代码并解译。V8是将所有代码解译后再开始运行，其他引擎则是逐行解译（SpiderMonkey会将解译过的指令暂存，以提高性能，称为实时编译），但由于V8的核心部份多数用Javascript撰写（而SpiderMonkey是用C++）。
因此，在不同的测试上，两者性能互有优劣。与其相对应的是编译语言，例如C语言，以编译语言编写的程序在运行之前，必须经过编译，将代码编译为机器码，再加以运行。
参考资料：
其实你用不着用innerHTML了
<script type="text/javascript">
function changelink(){
documentgetElementById('myanchor')value="取消";
}
</script>
<div id="my"><input type="text" value="确认" id="myanchor" /></div>
<form name="myform"><input type="button" value="更换内容" onClick="changelink()" /></form>
这样你不知道你有没理解，或者说有没达到你想达到的要求
<div id="a">待复制的div<span>div的子元素</span></div>
<div id="b"></div>documentgetElementById('b')innerHTML = documentgetElementById('a')innerHTML;
以上就是关于javascript怎么获取div id或者class全部的内容，包括:javascript怎么获取div id或者class、jQuery怎么获取一个DIV下所有元素的值、怎么用js获取div的当前宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）