​x
 
<!DOCTYPE html>
<html>
<body>
​
<ol>
  <li id="myLi" value="7">咖啡</li>
  <li>绿茶</li>
  <li>牛奶</li>
  <li>纯水</li>
  <li>果汁</li>
  <li>啤酒</li>
</ol>
​
<p>请点击“试一试”按钮，显示 li 元素的 value 属性的值。</p>
​
<button onclick="myFunction()">试一试</button>
​
<p id="demo"></p>
​
<script>
function myFunction() {
  var x = document.getElementById("myLi").value;
  document.getElementById("demo").innerHTML = x;
}
</script>
​
</body>
</html>
​