Code666 (代码贴、代码片段)

[JavaScript] 获得节点值的方法 →→→→→进入此内容的聊天室

来自 , 2020-10-14, 写在 JavaScript, 查看 154 次.
URL http://www.code666.cn/view/854d6fae
  1. /*基础库--base.js*/
  2. /*封装获取节点值的方法*/
  3. /*第一种方法：直接使用document对象的相关方法不进行封装-在前端直接使用document对象*/
  4.  
  5. /*第二种方法：将document对象获得节点值封装在function中调用*/
  6. function getId(id) { return document.getElementById(id); };
  7. function getName(name) { return document.getElementsByName(name); };
  8. function getTagName(tag) { return document.getElementsByTagName(tag); };
  9.  
  10. /*第三种方法：将document对象获得节点值封装在js对象中调用*/
  11. var Base = {
  12.     getId: function (id) {
  13.         return document.getElementById(id)
  14.     },
  15.     getName: function (name) {
  16.         return document.getElementsByName(name)
  17.     },
  18.     getTagName: function (tag) {
  19.         return document.getElementsByTagName(tag);
  20.     }
  21. };
  22.  
  23. /*调用--demo.js*/
  24. /*第一种方法：
  25.  直接使用document对象的相关方法不进行封装-在前端直接使用document对象
  26.  对应的调用代码
  27. window.onload = function () {
  28.     alert( document.getElementById("box").innerHTML);
  29.     alert(document.getElementsByName("sex")[0].value);
  30.     alert( docuement.getElementsByTagName("p")[0].innerHTML);
  31. }
  32. */
  33.  
  34. /*第二种方法：使用function封装*/
  35.   对应的调用代码
  36.   window.onload = function () {
  37.     alert(document.getElementById("box").innerHTML);
  38.     alert(getId("box").innerHTML);
  39.     alert(getName("sex")[0].value);
  40.     alert(getTagName("p")[0].innerHTML);
  41. }
  42.  
  43. /*第三种方法：使用对象封装*/
  44. window.onload = function () {
  45.     alert(Base.getId("box").innerHTML);
  46.     alert(Base.getName("sex")[0].value);
  47.     alert(Base.getTagName("p")[0].innerHTML);
  48. }

回复 "获得节点值的方法"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666