从li看html标签属性（attribute）和dom元素的属性（property）

1
<!DOCTYPE html>
2
<html>
3
    <head>
4
    <meta charset="utf-8">
5
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6
    <title></title>
7
    <meta name="description" content="">
8
    <meta name="viewport" content="width=device-width">
9
  </head>
10

11
  <body>
12
    <ul>
13
      <li id="fk" value="1">反恐</li>
14
      <li id="fk" value="fankong">反恐</li>
15
      <li id="ms" value="moshou">魔兽</li>
16
      <li id="xj" value="xj" ss="dd">星际</li>
17
    </ul>
18

19
  <script>
20
    var fkNode = document.getElementById("fk");
21
    console.log(fkNode);                                     //1
22
  var xjNode = document.getElementById("xj");
23
  console.log(xjNode);                                    //<li id="xj" value="xj" ss="dd">星际</li>
24
  console.log(xjNode.getAttribute("value"));               //xj
25
  console.log(xjNode.getAttributeNode("value").nodeValue); //xj
26
  console.log(xjNode.value);                               //0
27
  </script>
28
  </body>
29
</html>