Как создать функциональные методы

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; 
} 

Так что это Функция должна находиться на грани изменения Контента или просто вернуть его. К сожалению, это не так.

До сих пор я играл с ним около часа, чтобы переписать его и найти решение самостоятельно, но я не был успешным, и я также не знаю, как описать эту проблему для Google.

Как я могу это решить?

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>