用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、点击按钮后效果

这要分两种情况：

1、按钮在div中。

<div>

    <input type="button" id="btn" />

</div>

我们可以通过：

var btn = documentgetElementById("btn");//获取按钮节点

var div = btnparentNode;//获取di元素，当然不一定div就是按钮的父元素，可以通过parentNode向上查找，最好还是给div加一个id

2、按钮不在div中

<input type="button" id="btn" />

<div></div>

我们可以通过：

//以上这种情况最好给div加一个id,通过以下方式获得

var div = documentgetElementById("div")

//如果不想加的话，以下方式

var divs = documentgetElementsByTagName("DIV");

var div = divsitem(n);//n表示要取的div,从0开始

思路：通过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事先在输入框的下面的而且是隐藏的，当点击表情图标，div通过onclick激活JS某个函数，该函数内必须会有一段使隐藏的div显示出来的方法语句，是通过这样个流程实现的。至于怎样去定位这个表情DIV的位置的，这个css里面有一个叫position的方法，利用坐标x，y（left，top，right，bottom）实现div位置任意改变。

你所说要获取“位置”是什么意思，是要锁定到层div2吗？如果是的话，应该这样写：

层是通过id来标识的

<div1 id="div1" >

<div2 id = "div2">

……

</div2>

</div1>

<script >

//通过层的Id值锁定这个层

String div2 = documentgetElementById("div2"); //这里用到的“div2”就是div2这个层的Id值

</script>

以上就是关于用js如何取到div中的值全部的内容，包括:用js如何取到div中的值、JavaScript如何获取按钮所在的div元素、js如何获取写在<div>里面的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！