我想编写创建 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粉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();
结果: