js获取div内容_框架

假设你的html中有以下的div

</div>

</div>

如果是要获取id是id1的div的数据，获取div里面的内容有两种方式

1，纯js获取数据

var a=documentgetElementById("id1")innerText;

2，jqeury获取数据

var a=$("#id1")html();

假设你的html中有以下的div\x0d\\x0d\\x0d\\x0d\\x0d\如果是要获取id是id1的div的数据，获取div里面的内容有两种方式\x0d\1，纯js获取数据\x0d\var a=documentgetElementById("id1")innerText;\x0d\\x0d\2，jqeury获取数据\x0d\var a=$("#id1")html();回答于 2022-11-16

<!DOCTYPE html><html><head>

function getElements(){

var x=documentgetElementsByName("div"); for(var i=0;i<xlength; i++){

alert(x[i]innerHTML);

}

} </script></head><body>

<div id="5">zx12</div></body></html>12345678910111213141516171819202122

输出内容

1231

qweq

qw12

as12

zx12

无论你想取得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>

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

</div>

点击下面按钮取得ID和CLASS

</body>

</html>

如果相对div中间的内容处理的更佳完备，我建议用jquery来处理，简单举个例子：$("div")text(); 获取中间的文本，不包括html标签；$("div")html(); 获取中间的所有内容，$("div:first")html(); 获取第一个DIV中间的所有内容等等，是不是觉得比单纯的javascript脚本更完善呢？

以上就是关于js获取div内容全部的内容，包括:js获取div内容、js如何获取div内容、如何获取div里的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/10090554.html

js获取div内容

发表评论

评论列表（0条）