当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个例子认识JS的两个参数

Javascript
javascript下拉框不被选中大类的区别方法
firefox浏览器下javascript 拖动层效果与原理分析代码
javascript 常用关键字列表集合
[原创]后缀就扩展名为js的文件是什么文件
初学JS的的小例子 javascript replace高亮替换
项目实践之javascript技巧
不间断滚动JS打包类，基本可以实现所有的滚动效果，太强了
javascript数组使用调用方法汇总
JS的递增/递减运算符和带操作的赋值运算符的等价式
JavaScript开发时的五个注意事项
js中将多个语句写成一个语句的两种方法小结
javascript while语句和do while语句的区别分析
带参数的function 的自运行效果代码
看了就知道什么是JSON
js模拟实现Array的sort方法
JavaScript创建命名空间(namespace)的最简实现
文本链接逐个出现的js脚本
我见过最全的个人js加解密功能页面
CLASS_CONFUSION JS混淆 全源码
javascript轻松控制表格列样式的脚本代码

No. « 88 89 90 91 »

技术文章搜索

关键字

Javascript 中的 一个例子认识JS的两个参数

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-28   浏览: 96 ::
收藏到网摘: n/a

运行下面的代码，保存为html格式，先认识这个例子的功能。

其中涉及到两个参数可能需要学习一下，一个是parseInt，一个是previousSibling，例子后面附有这两个参数的解释。

<html>
<head>
<title>    </title><!--标题部分-->
<style type="text/css">
table{
   border:0;
   border-collapse:collapse;
}
td{
   width:50px;
   border:1px solid red;
   height:100px;
   vertical-align:top;
   text-align:right;
}
#cls{
    position:relative;
    width:20px;
    height:10px;
    top:0px;
    right:0px;
    color:red;
    padding:2px;
    font-size:18px;
    text-align:right;
    cursor:pointer;
     }
</style>
<script type="text/javascript" defer="defer">
function close_td(oNode){
oNode.style.display="none";
oNode.previousSibling.style.width=parseInt(oNode.previousSibling.style.width)*2+"px";
}
</script>
</head>
<body>
<table>
<tr>
<td style="width:100px;">A表格</td><td style="width:100px;"><div id="cls" onclick="close_td(this.parentNode)">×</div>B表格</td>
</table>
<br>
<table>
<tr>
<td style="width:100px;">c表格</td><td style="width:100px;"><div id="cls" onclick="close_td(this.parentNode)">×</div>D表格</td>
 
</body>
</html>

返回由字符串转换得到的整数。

parseInt(numString, [radix])

参数
numString

必选项。要转换为数字的字符串。

radix

可选项。在 2 和 36 之间的表示 numString 所保存数字的进制的值。如果没有提供，则前缀为 '0x' 的字符串被当作十六进制，前缀为 '0' 的字符串被当作八进制。所有其它字符串都被当作是十进制的。

说明
parseInt 方法返回与保存在 numString 中的数字值相等的整数。如果 numString 的前缀不能解释为整数，则返回 NaN（而不是数字）。

parseInt("abc")     // 返回 NaN。parseInt("12abc")   // 返回 12。可以用 isNaN 方法检测 NaN。

previousSibling 属性的作用是：返回已选元素的上一个同属节点（同级节点中的上一个）。


如果不存在这样的节点，那么该属性将返回null[空值]。

语法

elementNode.previousSibling注意：IE将跳过在节点之间产生的空格文档节点（如：换行字符），而Mozilla不会这样。在下面的案例中，我们将书写一个用于检测上一个同属节点的节点类型的函数。元素节点包含的节点类行为1，因此，如果上一个同属节点不是元素节点，那么它将自动移动到再上一个节点并检测该节点是否是一个元素节点；这样的过程将一直持续下去直到发现的下一个同属节点是元素节点为止。通过使用这个方法，在IE浏览器或Mozilla浏览器中显示的结果就会同时正确。