12-DOM 当中操作属性.html 787 B

1234567891011121314151617181920212223242526272829
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. </head>
  7. <body>
  8. <div>123</div>
  9. <input id="input" abc="123" type="text" value="1">
  10. </body>
  11. <script>
  12. // var val = document.getElementById("input").value
  13. // console.log(val)
  14. // 如果想要设置值
  15. // document.getElementById("input").value = "123123"
  16. // 这个是操作基本属性的方式
  17. /**
  18. * 标签中属性分成两类: 一个自定义属性一个是内置属性
  19. * 现在value 就属于内置属性, abc 就属于自定义数据
  20. * 如果操作自定义属性 元素.setAttribute() 元素.getAttribute();
  21. */
  22. var input = document.getElementById("input")
  23. var abcVal = input.getAttribute("abc")
  24. console.log(abcVal)
  25. </script>
  26. </html>