js 按钮交互元素属性获取

lihua2915

浏览: 786782 次
性别:
来自: 上海

最近访客更多访客>>

13916109998

sqsgalaxys

soyomo

tuyinbo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JS脚本

J#HTML

<html xmlns="http://www.w3.org/1999/xhtml">   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />   
<title>Untitled Document</title>   
<script type="text/javascript">   
    function hide(){   
        var button = document.getElementById('myButton');   
        button.setAttribute("value","show image");   
        button.onclick=show;   
           
    }   
    function show(){   
        var button = document.getElementById('myButton');   
        button.setAttribute("value","hide image");   
        button.onclick=hide;   
    }   
    function read(){   
        var  button=document.getElementById('chineseButton');   
        alert(button.getAttribute('value'));  //直接获取属性的值   
        //或者var  button=document.getElementById('chineseButton').value;   
       
  
            alert(button.attributes[0].nodeValue);    //此句和下面一句等效   
        alert(button.attributes.item(0).nodeValue);   
        //注意： 是button.attributes.item(0)不是button.attributes.item[0]也不是button.nodeValue   
        //循环遍历属性      
        var msg="found elements!";   
        for(var j=0;j<button.attributes.length;j++){   
            var att=button.attributes.item(j);   
             msg=msg+"\n"+att.nodeName+":'"+att.nodeValue+"'";   
        }   
        alert(msg);   
        if(button.getAttribute('value')=='我们'){   
            alert('汉字');   
        }   
           
    }   
</script>   
</head>   
  
<body>   
<input type="button" value="hide img" id="myButton" onclick="show()"/>   
<input type="button" value="我们" id="chineseButton" onclick="read()"/>   
</body>   
</html>

分享到：

获取HTML DOM节点元素的方法 | HTML DOM selectedIndex 属性

2009-12-18 16:44
浏览 1050
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js 按钮交互元素属性获取

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js 按钮交互 元素属性获取

评论

发表评论

相关推荐

JavaScript事件

flex学习

JSON法创建JavaScript对象

JavaScript Math 对象与函数

JavaScript Date 对象与函数

日历控件

访问iframe里面的javascript函数、对象，兼容IE、Firefox

document.createElement等DOM函数与属性

document.createElement("A")的相关属性

removeChild 使用注意事项

获取HTML DOM节点元素的方法

HTML DOM selectedIndex 属性

hyperlink 控制

onchange()和onblur()

js动态显示时间

JS时间对象

Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）

javascript 暂定执行一段时间

JS常用对象介绍

JS事件对象

最近访客更多访客>>

js 按钮交互元素属性获取