如何创建功能方法[重复]

Question

我想要实现的是创建一个如下所示的自定义函数：

access('h1').content('Hello World');

这就是我尝试实现的方式：

function access(Tag)
{
  var Element = document.getElementsByTagName(Tag)[0];

  this.content = function(Content)
  {
     if (Content !== undefined)
          return Element.innerHTML = Content;
     else return Element.innerHTML;
  }

  return Element;
}

所以这个函数应该是在改变内容或只是返回它的边缘。 不幸的是，它不能以这种方式工作。

到目前为止，我玩了大约一个小时来重写它并自己找到解决方案，但我没有成功，我也不知道如何向谷歌描述这个问题。

我该如何解决呢？

Answer 1

在您的代码中将this 替换为Element。

function access(Tag)
    {
      var Element = document.getElementsByTagName(Tag)[0];
    
      Element.content = function(Content)
      {
         if (Content !== undefined)
              return Element.innerHTML = Content;
         else return Element.innerHTML;
      }
    
      return Element;
    }
    
access('h1').content('Hello World');

<h1>Hello</h1>

或者试试这样的。

function access(Tag)
    {
      var Element = document.getElementsByTagName(Tag)[0];
    
      var content = function(Content)
      {
         if (Content !== undefined)
              return Element.innerHTML = Content;
         else return Element.innerHTML;
      }
    
      return {content: content};
    }
    
access('h1').content('Hello World');

<h1>Hello</h1>