怎么获取HTML元素“div”的宽度

一、途径：

第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1stylewidth拿不到宽度，而通过#div1offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。

二、小结：

因为idoffsetWidth和idoffsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过idstyleatrr来获取。

三、代码：

var o = documentgetElementById("view");

var h = ooffsetHeight; //高度

var w = ooffsetWidth; //宽度

参考资料

js获取Html元素的实际宽度高度的方法脚本之家[引用时间2017-12-29]

先纠正您的错误，id不能用数字开头，要用字母或下划线开头，即改为：

<div id=a1>这里显示id=2的内容</div>

<div id=a2>div2显示内容</div>

<script type="text/javascript">

//JS直接实现

function opt(){

documentgetElementById("a2")innerHTML=documentgetElementById("a1")innerHTML;

}

//jQuery实现

function opt(){

$("#a2")html($("#a1")html());

}

</script>

找个事件执行opt函数即可

  html中获取标签的数据，可以通过js来获取，如下代码：

<script type="text/javascript" src="js/jqueryjs"></script>

<script type="text/javascript">

function validate(){

//一 ．是通过jDOM

// var attitudeObj = documentgetElementById("attitude");

//var attitude = attitudeObjinnerHTML;

//二 ．是通过jquery

var att = $("#attitude")text();//可以得到输入域中的内容

var idnum = $("#idnum")val();

var name = $("#name")val();

var t_name =  $("#t_name")val() ;

var pro_name =  $("#pro_name")val() ;

// alert(att);

if( name == null || name == "" ){

alert("请输入毕业设计名称!");

return false;

}

att   =   attreplace(/\s+/g,"");

if( att == null || att == ""){

alert("请输入选题须知！");

return false;

}

if( t_name == null || t_name == "" ){

alert("请选择教师!");

return false;

}

if( pro_name == null || pro_name == ""){

alert("请选择专业！");

return false;

}

location="teacher/mainfrajsp";

//location="teacherAction_AddGraduationTitleactionidnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end;

return true;

}

</script>

</head>

<body">

<div >

<div style="margin-left: 100px;">

<!--   <form action="teacherAction_AddGraduationTitleaction" method="post" >-->

<span>自动编号：</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray;" value="<s:property value="#requestmaxIdnum"/>"/><br/>

<br/>

<span>毕业设计名称：</span><input type="text" name="name" id="name"/><br/><br/>

<span>所属教师：</span><select name="t_name" id="t_name">

<option></option>

<s:iterator value="teacherList">

<option value="<s:property value='idnum' />"><s:property value="name" /></option>

</s:iterator>

</select> <br/> <br/>

<span>所属专业：</span><select name="pro_name" id="pro_name">

<option></option>

<s:iterator value="professionList">

<option value="<s:property value='idnum' />"><s:property value="pro_name" /></option>

</s:iterator>

</select>

<br/>

<br/>

<span>选题须知：</span>

<textarea id ="attitude" name="attitude" rows="3" cols="30" style="color: red;">

</textarea>

<br/>

<br/>

<input type="button" value="添加">  <input style="margin-left: 100px" type="reset" value="重置">

<!-- </form> -->

</div>

</div>

</body>

1 第1种方法最简单：

前台给div加上一个id和runat：

<div id="div1" runat="server">

    <img src="1jpg"/>这里是文字<img src="2jpg"/>这里是文字

</div>

后台直接这样获取：

string a = div1InnerHtml;

2 第2种方法复杂点：

通过js获取到div的内容，然后用ajax把内容传递给后台页面，然后在后台处理，你可以在网上搜一下Ajax net，不太难。

你先用第1种吧。

以上就是关于怎么获取HTML元素“div”的宽度全部的内容，包括:怎么获取HTML元素“div”的宽度、怎样获取div内容，并在同一个页面的另一个div里显示、html的标签，如何获取当前选中的项的内容呢等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！