js如何获取写在<div>里面的值

思路：通过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、点击按钮后效果

三个方法。DOM0级，DOM2级。

网上流传最广的DOM0级

<div id="a" onclick="f(this);">1</div>

function f(e){

alert(einnerHTML);

}

把this当做参数传入然后调用。

第二个算是混合类型的。严格来说不算是DOM2级。

function f(){

alert(eventsrcElementinnerHTML);

}

<div id="a" onclick="f();">1</div>

获取事件源。

这里有兼容问题。IE用srcElement。FF用的是target。而且如果要在FF运行需要把event当做参数写入。如：

<div id="a" onclick="f(event);">1</div>

function f(e){

alert(etargetinnerHTML);

}

第三个方法DOM2级的。

<div id="a">1</div>

function addEv(obj,ev,fn){

if(objattachEvent){//IE模型

objattachEvent("on"+ev,function(){

fncall(obj);

});

}else if(objaddEventListener){//W3C模型

objaddEventListener(ev,function(){

fncall(obj);

},false);

}else{

obj["on"+ev] = fn;

}

}

var t = documentgetElementById('a');

addEv(t,'click',function(){

alert(thisinnerHTML);

});

一般类库和高手都用这种写法。

第一个缺点就是如果不加call IE就会把this指向window。我做了点修改让他this指向当前对象了。还有一个缺点就是无法删除匿名函数写的事件。

objattachEvent("on"+ev,function(){

fncall(obj);

});

可以把这个function写到一个单独的函数中就可以删除了。不过this就不会指向当前的对象了。

如果想做的完美可以搜索detachEvent匿名函数或attachEvent匿名函数。

如果还不懂可以M我。

div中是在jsp中使用，用来设置区域上的效果，可以使用document对象来获得该div的id，进而得到该div所占据的宽度值，如下：

<div id="banner" style="width:100%">

js获取banner的宽度：documentgetElementById("banner")offsetWidth

1、新建一个html文件，命名为testhtml，用于讲解JS如何获取指定DIV下的子元素LI的值。

2、在testhtml文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目一、项目二。

3、在testhtml文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取LI的值”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getli

6、通过获得li对象，使用each()方法遍历每一个li对象，通过text()方法获得li的值，使用push()方法将获得li值存进数组中。最后，使用alert()方法将所有li值输出。

7、在浏览器打开testhtml文件，点击按钮，查看结果。

documentgetElementById("bigdiv1")你要获取的属性，比如你要获取一个DIV的样式是什么，你可以这样写：

<script language="javascript">

documentgetElementById("divid")className

</script>

1、根据div标签获取所有的div节点

var divs = $('div');//获取所有的div节点

2、获取div的id

divseach(function(k,v){//通过each循环每个div节点

alert(thisid);//获取div节点的id值

});

<script type="text/javascript" src="ueditor/editor_configjs"></script>

<script type="text/javascript" src="ueditor/editor_alljs"></script>

<link rel="stylesheet" href="ueditor/themes/default/ueditorcss"/>

<form id="form1" name="form1" method="post" action="testphp">

<div id="myEditor"></div>

<!-- <script type="text/plain" id="myEditor" name="content"></script>

<script type="text/javascript">

var editor = new baidueditoruiEditor();

editorrender("myEditor");

</script>-->

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<input name="action" type="text" value="add">

<tr>

<td><script type="text/plain" id="myEditor" name="content"> </script>

<script language="javascript">

var editor = new baidueditoruiEditor({ textarea:'content'});

editorrender("myEditor");

</script>

<input type="submit" name="Submit" value="提交" />

</td>

</tr>

</table></form>

function testMessageBox(ev) { var objPos = mousePosition(ev); messContent=" <div style='text-align:center'></div>"; showMessageBox('<%=keFangWrite %>',messContent,objPos,810); }<%=keFangWrite %>输出的就是后台拼出来的div浮层~

以上就是关于js如何获取写在<div>里面的值全部的内容，包括:js如何获取写在<div>里面的值、页面中存在多个div，如何实现单击实现取得其中一个的值！、如何获取div的宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！