一、DOM:document object model 文档对象模型

HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树:

一、DOM基础 - 图1

二、自定义属性名

  1. <!-- 内联事件 -->
  2. <!--
  3. data-自定义属性名
  4. -->
  5. <button id="btn" data-aid="123456" onclick="go(event)">btn</button>
  6. <script>
  7. /*
  8. 定义data-aid="123456"
  9. 获取自定义属性值 event.target.dataset.aid
  10. */
  11. function go(event){
  12. console.log("hello world");
  13. console.log(event.target.dataset.aid)
  14. }
  15. </script>