js获取不带单位的像素值

  所谓获取不带单位的像素值就是获取比如元素的宽度、高度、字体大小、外边距、内边距等值但是去掉像素单位。

  比如:某一个元素的宽度是100px,现在我要获取这个这个值但是不带单位“px”,对于这种问题你会怎么解决?我的解决办法是:

  比如通过点击某个按钮来获取该值,那么此时就应该写个函数,在点击按钮时再来调用该函数。

  function par(str){

    var num = str.replace("px","");

    var num = parseInt(num);

    alert(num)

  }

  这里,str.replace("px","")意思是将字符串中px替换为空,即去掉px,但是这里即便去掉px,该值仍然是字符串类型,所以现在要做的是将该字符串型转换为数值型,这里我使用的是parseInt方法。

  现在通过按钮点击执行便可以这样来写了。

  <input type="button" onclick="par(‘100px‘)" value="点击获取不带单位的像素">

时间: 2024-10-07 23:43:40

js获取不带单位的像素值的相关文章

js获取键盘按下的键值event.keyCode,event.charCode,event.which的兼容性

js获取键盘按下的键值有event.keyCode,event.charCode和event.which 其中: 谷歌浏览器对event.keyCode,event.charCode和event.which都兼容. 火狐浏览器对event.keyCode部分键值有效,如上下左右键(37,38,39,40),enter键(13),PgUp(33),PgDn(34)等部分有效,对数字键,字母键无效. event.which也是部分键值有效,如字母键,数字键,enter键,Backspace键等有效,

JS获取select的value和text值的简单实例

本篇文章主要是对JS获取select的value和text值的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: <select id = "cityList" > <select id = "selectId" > <option value = "0">第0个</option> </select> <script> var selectObj =

js获取下拉列表(select)选中项的值和文本

获取下拉列表选中项的值和文本(select) <html> <head> <meta charset="utf-8"/> <title>获取下拉列表选中项的值和文本(select)</title> </head> <body> <select id="myselect"> <option value="fist">1</option&

js获取dom对象style样式的值

js获取到的dom对象的style通常是没有值得,因为我们都写在外部文件中,从慕课网上见到讲师封装的一个方法,挺不错.特此记录下来. 1 function getStyle(obj,attr){ 2 if(obj.currentStyle){//兼容IE 3 return obj.currentStyle[attr]; 4 }else{ 5 return getComputedStyle(obj,false)[attr]; 6 } 7 }

js获取url中指定参数的值(含带hash)

function getUrlVars() { var vars = {}; var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) { vars[key] = value; } ); return vars; } 使用如: http://localhost?name=xxg getUrlVars()["name"] 返回的值为 xx

js获取table checkbox选中行的值.mdjs获取table checkbox选中行的

<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script> function check() {         var check = $("input[type='checkbox']:checked");//在tab

用JS获取CSS中的某个属性值:getComputedStyle

css文件中如何得到某个属性值: 一.getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值, 返回的是一个CSS样式声明对象 , 只读, 此方法支持Firefox浏览器; 语法:var style=window.getComputedStyle("元素","伪类");第一个参数是必须的,第二个为可选的. 二.currentStyle 是一款可以兼容IE浏览器的属性返回的是当前所有最终使用的CSS属性值, 利用element.Current

js获取一个对象的所以属性和值

在HTML DOM中,获取某个元素对象的时候,往往记不住它的很多属性,可以通过下面的例子来查找一下: 1 <!DOCTYPE html> 2 <html> 3 <body> 4 <h1>获取对象属性和值</h1> 5 <div id="div1" class="div">fdsfs</div> 6 <script type="text/javascript"

js 获取相同name元素的属性值

如图有8-12月5个文本域,id为plan8-12,name同为plan. 现在要获取name同为plan的所有属性值: 方法一: var allplan =document.getElementsByName('plan'); for ( var int = 0; int < allplan.length; int++) { console.info("方法一:"+allplan[int].id+":"+allplan[int].value); } 控制台输