javascript - WordPress 主题首页 JavaScript 需要在页面某处执行但只出现在页脚？

Question

我在创建的 WordPress 首页的某个部分中执行某些 javascript 时遇到问题。我想在这个 div 中执行欢迎消息。

<section class="showcase">
    <div class="container">
        <div class="page-banner__bg-image" style="background-image: url(<?php echo get_theme_file_uri('/images/library-hero.jpg') ?>);"></div>
            <div class="page-banner__content container t-center c-white">
                <h1 class="headline headline--large">Welcome!</h1>
                <h2 class="headline headline--medium">We can help your <strong>business</strong></h2>
                <h3 class="headline headline--small">grow with better workflow solutions.</h3><br>
                <a href="<?php echo get_theme_mod('btn_url', 'http://www.web2dezine.com/services/'); ?>" class="btn btn-primary btn-lg"><?php echo get_theme_mod('btn_text', 'Look Here'); ?></a>
            </div>
    </div>

wp_enqueue_script( 'webpromo_welcome', get_template_directory_uri() . '/src/js/welcome.js', array( 'jquery'), '20170115', true );

我想用要使用 wp_enqueue_script 执行的welcome.js 文件替换h1 welcome？