获取属性节点：
- 可以通过 元素节点.属性名 这样的方式来获取和设置属性节点的值
- 通过元素节点的getAttributeNode 方法来获取属性节点
然后在通过nodeValue来读写属性值
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//读写属性节点:通过元素节点 . 的方式来获取属性值和设置属性值
window.onload = function()
{
//属性节点即为某一指定的元素节点的属性
//1. 先获取指定的那个元素节点
var nameNode = document.getElementById("name");
//2. 再读取指定属性的值
//@@@@显示11111
alert(nameNode.value);
//3. 设置指定的属性的值
nameNode.value = "22222";
}
</script>
</head>
<body>
<p>你喜欢哪个城市？</p>
<ul id = "city">
<li id="bj" name="beijing">北京</li>
<li>上海</li>
<li>东京</li>
<li>首尔</li>
</ul>
<br><br>
<p>你喜欢哪款单机游戏？</p>
<ul id = "game">
<li id="rl">红警</li>
<li>实况</li>
<li>极品飞车</li>
<li>魔兽</li>
</ul>
<br><br>
gender:
<input type="radio" name="gender" value="male"/>Male
<input type="radio" name="gender" value="female"/>Female
name: <input type="text" name="username" id="name" value="11111"/>
</body>
</html>