时间戳

首页 > 解决方案 > 如何将 HTML DOM 元素 javascript 函数访问到另一个 javascript

javascript - 如何将 HTML DOM 元素 javascript 函数访问到另一个 javascript

问题描述

我想问一下，我应该如何编写一个 Javascript 函数，该函数在单击btn_1主函数时应该执行，并且在主函数执行期间，子函数附加到我在主函数中创建的 div 中。

   document.getElementById('btn_1').addEventListener('click', main);


   function subfunc(){

        const h1 = document.createElement('h1');
        h1.appendChild(document.createTextNode('it is working'));
        h1.id = 'heading';
        
    }
    function main(){
        const div = document.createElement('div');
        div.className = 'main-showcase'        
       
    }

标签： javascriptdomdom-events

解决方案

你有几个选择：

  1. 有subfunc返回h1元素；调用它来main获取元素并将其附加到div：

    function subfunc() {
    const h1 = document.createElement('h1');
    h1.appendChild(document.createTextNode('it is working'));
    h1.id = 'heading';
    return h1;
}
function main() {
    const div = document.createElement('div');
    div.className = 'main-showcase'        
    div.appendChild(subfunc());
}

  2. 已main通过divtosubfunc并已subfunc进行附加：

    function subfunc(div) {
    const h1 = document.createElement('h1');
    h1.appendChild(document.createTextNode('it is working'));
    h1.id = 'heading';
    div.appendChild(h1);
}
function main() {
    const div = document.createElement('div');
    div.className = 'main-showcase'        
    subfunc(div);
}

或者实际上您可能还可以采取其他几种方法，但这是我想到的主要两种方法。

推荐阅读