var divs=documentgetElementsByTagName('div');
for(var i=0;i<divslength;i++){
return divs[i]innerHTML;
}
思路：通过id可以获取到<div>对象，通过getAttribute()和innerHTML分别可以获取<div>对象的自定义属性和文本内容。下面实例演示获取<div>标签的自定义属性user_id： 1、HTML结构 <div id="test" user_id="test_id">id="test" user_id="test_id"</div><br/> <input type='button' value='获取div的自定义属性' onclick="fun()"/> 2、javascript代码 function fun(){ obj = documentgetElementById("test"); alert(objgetAttribute("user_id")) } 3、点击按钮后效果
有一个Div，我想获取其ID或者Class值。
那么我可以先定位到这个DIV,然后采用attr方法来获取其值：
假如说：有一段Html代码：
[html] view plain copy
<div class="comment" id="22">
<div class="comment_detail" style="display: block; ">
<div class="comment_my"><textarea class="comment_text" style="height: 16px; "></textarea></div>
<div class="comment_text_bottom" style="display: none; ">
<div class="comment_emotion"><a href="javascript:void(0)" class="comment_emotion_button">表情</a>
<div class="comment_emotion_detail" style="display: none; ">
</div>
</div>
<div class="comment_publish"><input class="submit" type="submit" value="评论"></div>
</div>
</div>
<div class="comment_bar"><a href="javascript:void(0)" class="comment_click"></a></div>
</div>
如果我想从submit处定位，获取到comment处DIv的ID，那么我就可以这样办：
ID值为：
[javascript] view plain copy
$("submit")parent()parent()parent()parent()attr('id');
其值为：22;
CLASS值为：
[javascript] view plain copy
$("submit")parent()parent()parent()parent()attr('class')
其值为：comment;
至少有2种方法：
一、用div控件，<div id="div1" runat="server">abcdef</div>，后台用div1InnerHtml获取。
二、前台用js把div的innerHTML值存入隐藏域<input type="hidden" name="hidden"/>中，提交服务器后用RequestForm["hidden"]获取值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="Mandari" onclick="myFunction(this)">点击我获取DIV id</div>
<div onclick="modify()">点击我修改DIV Mandari的文本</div>
<script>
function modify()
{
var obj=documentgetElementById("Mandari");
objinnerHTML="Mandari DIV的文本修改了"
}
function myFunction(obj)
{
alert(objid);
}
</script>
</body>
</html>
js获取div里的元素个数方法是：先得到父元素，再得到父元素下的某标签类别的子元素，最后统计出子元素的长度就可以简单实现了。
js 动态添加元素(div、li、img等)及设置属性的方法：
一、js 动态添加元素div
<div id="parent"></div>
function addElementDiv(obj) {var parent = documentgetElementById(obj);//添加 divvar div =
documentcreateElement("div");//
设置 div 属性，如 iddivsetAttribute("id", "newDiv");divinnerHTML = "js 动态添
div";parentappendChild(div);}
调用：addElementDiv("parent");
二、js 动态添加li
<ul id="parentUl"><li>原li</li></ul>
function addElementLi(obj) {var ul = documentgetElementById(obj);//添加 livar li =
documentcreateElement("li");//
设置 li 属性，如 idlisetAttribute("id", "newli");liinnerHTML = "js 动态添加li";ulappendChild(li);}
调用：addElementLi("parentUl");
三、js 动态添加元素img
<ul id="parentUl"></ul>
function addElementImg(obj) {var ul = documentgetElementById(obj);//添加 livar li =
documentcreateElement("li");//添加 imgvar img = documentcreateElement("img");//
设置 img 属性，如 idimgsetAttribute("id", "newImg");//设置 img 地址imgsrc =
"/images/prodjpg";
liappendChild(img);ulappendChild(li);}
调用：addElementImg("parentUl");
以上就是关于怎么获取页面上面的全部div标签全部的内容，包括:怎么获取页面上面的全部div标签、js如何获取写在<div>里面的值、如何用Jquery获取某一个Div的Class或者ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）