搜索

首页  >  问答  >  正文

如何在 PHP 中编写创建和 AppendChild HTML 元素的函数?

我想编写创建 HTML 元素并将子元素相互附加的函数,而不是回显大块 HTML 代码或使用 echo <<<HEREDOC

createLoginBar 函数将创建一个 div,我会将其附加到其他 HTML 元素到我的 createLogoutBanner 函数中。

function createLoginBar() {
    $dom = new DOMDocument();
    $login_bar = $dom->createElement('div');
    $login_bar->setAttribute("id", "login_bar");
    $dom->appendChild($login_bar);
    return $dom->saveHTML();
}

function createLogoutBanner() {
    $dom = new DOMDocument();
    $login_bar = createLoginBar();
    $login_flex = createBlankLoginFlex();
    $banner_login_form = createBannerLoginForm();
    $login_message_flex = createLoginMessageFlex();
    $nonmember_signup_flex = createNonSignupFlex();
    $not_a_member_form = createNotAMemberForm();

    $dom->appendChild($login_bar); //This line gives an error
    $login_bar->appendChild($login_flex);
    $login_flex->appendChild($banner_login_form);
    $login_bar->appendChild($login_message_flex);
    $login_bar->appendChild($nonmember_signup_flex);
    $nonmember_signup_flex->appendChild($not_a_member_form);
    return $dom->saveHTML();
}

createLogoutBanner 函数中的 $dom->appendChild($login_bar); 行给出错误:

致命错误:未捕获类型错误:DOMNode::appendChild():参数 #1 ($node) 必须是 DOMNode 类型,字符串中给出。

P粉814160988P粉814160988236 天前429

全部回复(1)我来回复

  • P粉504080992

    P粉5040809922024-03-31 11:14:36

    由于错误状态 DOMNode::appendChild() 期望传递一个 DOMNode
    您的 createLoginBar 函数返回一个字符串而不是节点。
    尝试以下更改:

    function createLoginBar() {
        $dom = new DOMDocument();
        $login_bar = $dom->createElement('div');
        $login_bar->setAttribute("id", "login_bar");
        $dom->appendChild($login_bar);
        return $dom; //->saveHTML();
    }
    

    然后您将看到错误致命错误:未捕获的 DOMException:错误文档错误。这是因为您必须使用 DOMDocument 的相同父实例来创建子节点。不要在每个函数中创建一个新的 DOMDocument,而是创建一个顶级 DOMDocument 并将其传递给每个函数来使用。

    function createLoginBar(DOMDocument $dom):DOMNode 
    {
        $login_bar = $dom->createElement('div');
        // the following line will cause invalid html if this function is called more than once
        $login_bar->setAttribute("id", "login_bar");
    
        return $login_bar;
    }
    function createBtn(DOMDocument $dom, string $value):DOMNode 
    {
        $btn = $dom->createElement('button', $value);
        $btn->setAttribute("class", "widget");
    
        return $btn;
    }
    
    $dom = new DOMDocument();
    $login_bar = createLoginBar($dom);
    $login_btn = createBtn($dom, 'login');
    
    $login_bar->appendChild($login_btn);
    
    $dom->appendChild($login_bar);
    
    echo $dom->saveHTML();
    

    结果:

    沙箱

    回复
    0
  • 取消回复