思路：用js取得div之间的值可用innerText属性来取得。
代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN"><HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META name="keywords" content="元素,属性,动态,内容,自定义">
<META name="description" content="思路：用js取得div之间的值可用innerText属性来取得。代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN"><HT">
<script language="JavaScript">
function fff(){
//取得aa标签里的内容
var sss=documentgetElementById("aa")innerText;
//用alertd出
alert(sss);
}
</script>
</HEAD>
<BODY>
<div id="aa">aaaaa</div>
<input name="adfb" type="button" class="button" value="bbbb" onclick="fff()"/>
</BODY>
</HTML>
说明：
innerText:从起始位置到终止位置的内容, 但它去除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应该没关系的，关键是你的month要在form1里。你最好用这种标准的方法来动态添加下拉列表框的内容：documentform1monthoptionsadd(new Option("text", "value"));或者直接用documentgetElementById("month")来获取下拉列表框对象。
<script>
windowonload = function () {
var myDiv = documentgetElementById("myDiv");
var div_s = myDivgetElementsByTagName("div");
alert(div_slength);
}
</script>
<body>
<div id="myDiv" >
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
</div>
</body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "
<html xmlns="
<head>
<meta >
思路：通过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、点击按钮后效果
可以用两种方法 第一个用jquery 获取div 可以查看帮助文档
js 获取 var width=documentgetElementById("div")stylewidth获得宽度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
以上就是关于如何用js取得div之间的值全部的内容，包括:如何用js取得div之间的值、js获取div里的元素个数、js怎么获取div里的控件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）