六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 125|回复: 0

js 按钮交互 元素属性获取

[复制链接]

升级  25%

83

主题

83

主题

83

主题

举人

Rank: 3Rank: 3

积分
275
 楼主| 发表于 2013-2-7 20:50:27 | 显示全部楼层 |阅读模式
<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" /><input type="button" value="我们" id="chineseButton" /></body></html> 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表