js 获取div宽度代码

<input type="button" onclick="calculate()" value="test">

 

<script>
 function calculate(){
  var divs = document.getelementbyid("showtemptext");
  divs.innerhtml="wuao ahshahsah  <font size=6>111cn.net</font>";
  alert(divs.scrollwidth + "__" + divs.scrollheight);
 }
</script>

<html>
<head>
<title>test page</title>
</head>
<body>
<table style="width:100%;">
   <tr>
    <td>
     <div id="div1" style="background:green;">div1</div>
    <td>
    <td style="width:50%;">
     <div id="div2" style="background-color:red;">div2 www.111cn.net</div>
    <td>
</table>
<input type="button" onclick="show()" value="show" />
<script>
function show()
{
    var o = document.getelementbyid("div1");
    var w = o.clientwidth||o.offsetwidth;
   
    alert("div1 s width is "+w);
}
</script>
</body>
</html>

下面是一款利用js获取指定div里面所有图片高度与宽度js怎么获取 这个div内图片的宽度和

<div style="width:100000px;" id="pal">
                    <img src="/www.111cn.net/images/2009021121575533977.jpg" width="486" height="348" />
                    <img src="images/2009021121575533977.jpg" />
                    <img src="images/2009021121575533977.jpg" />
                    <img src="images/2009021121575533977.jpg" />
                    <img src="images/2009021121575533977.jpg" />
                    <img src="images/2009021121575533977.jpg" />
                    <img src="images/2009021121575533977.jpg" />
                    <img src="images/2009021121575533977.jpg" />
                    </div>

<script>
var obj=document.getelementbyid("pal");
var imgs=obj.getelementsbytagname("img");
var sum=0;
for(var i=0;i<imgs.length;i++)
 sum+=imgs[i].width;
alert(sum);
</script>

时间: 2024-09-09 11:12:30

js 获取div宽度代码的相关文章

js 获取div高度并重新设置div高度与宽度

 js 获取div高度并重新设置div高度与宽度 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <me

javascript-如何用JS获取div下的子div

问题描述 如何用JS获取div下的子div 有多个独立的外层div,每个外层div内嵌一个内层的div,内层div在显示在外层div的下部.我要的效果是,当鼠标移入到一个外层div中时,改变这个外层div内的那个内层div.用Js怎么写代码?求大神指导 解决方案 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr

两种js获取当前域名代码

 今天给各位朋友介绍两种js获取当前域名  代码如下 //获取当前域名 1.window.location.host; 2.document.domain; //获取当前页面地址 url = window.location.href;   例子  代码如下 <script language="javascript"> //获取域名 host = window.location.host; host2=document.domain; //获取页面完整地址 url = win

JS获取各种宽度、高度的简单介绍_基础知识

有时候项目中会用到用js获取元素位置来定位元素,首先通过图片说明scrollWidth,clientWidth,offsetWidth的关系. JS获取各种宽度.高度的简单介绍: scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 of

JS获取DIV在BODY内的绝对坐标

JS获取DIV在BODY内的绝对坐标 function   getAbsPoint(e)      {          var   x   =   e.offsetLeft,   y   =   e.offsetTop;          while(e=e.offsetParent)        {           x   +=   e.offsetLeft;             y   +=   e.offsetTop;       }        alert("x:"

js获取div内容与div值

这是在没有利用js更改我的值之前 js获取div内容 修改我的值 修改我的值

js获取浏览器宽度 高度

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.aimeige.com.cn/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/ 1999/xhtml"> <head> <meta http-equiv=&q

js 获取div内容再修改div内容

js 获取div内容再修改div内容 <html xmlns="http://www.jzread.com/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js 获取div内容再修改div内容</title> <script langu

jquery获取div宽度的实现思路与代码_jquery

jquery 获取 DIV的width的语句: 复制代码 代码如下: $("#keleyi_com").width(); 其中keleyi_com为DIV的id. 完整示例代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&