`

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 selectedIndex 属性
评论
发表评论

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

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics