新西兰服务器
  • 电 话：400-808-5836
  • MSN ：huad@live.com
  • 客服QQ：4698328 9291215
  • 咨询邮箱：sales@fobhost.com
  • 售后：services@fobhost.com
  • https://www.gaofangfuwuqi.com/
    • 首页 新闻资讯 PHP怎么使用DOMDocument类生成HTML

    PHP怎么使用DOMDocument类生成HTML


    PHP怎么使用DOMDocument类生成HTML

    发布时间：2022-04-24 16:22:20 来源：高防服务器网 阅读：64 作者：iii 栏目：大数据

    本篇内容介绍了“PHP怎么使用DOMDocument类生成HTML”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

    效果图:

    一、创建新的 DOM 文件

    复制代码 代码如下:

    //实例化 DOMDocument 类，并指定版本号
    $dom = new DOMDocument('1.0');
     
    //将生成的标签或代码输出到页面
    echo $dom->saveHTML();

    二、在 DOM 文件里添加新的 HTML 元素

    复制代码 代码如下:

    $css_text = 'p{color:#ff00ff;}';
     
    //创建新的 style 标签和 CSS 内容
    $style = $dom->createElement('style', $css_text);
     
    //添加该 style 标签到 DOM 文件中
    $dom->appendChild($style);
     
    //如下是输出效果
    <style>
        p{color:#ff00ff;}
    </style>

    这里需要说下就是 createElement 方法， 当你想创建 <style> 标签并写入 Css， 可以利用该方法的第二个参数作为 Css 内容，如上所示。 但如果你想创建 <br> 标签， 第二个参数即可省略， 如下:

    复制代码 代码如下:

    //创建新的 <br> 标签
    $br = $dom->createElement('br');
     
    //添加该 <br> 标签到 DOM 文件中
    $dom->appendChild($br);

    三、为 HTML 元素添加属性
     
    HTML 元素拥有各种各样的属性， 为其添加属性可以用到 createAttribute() 方法

    复制代码 代码如下:

    $css_text = 'p{color:#ff00ff;}';
     
    //创建新的 style 标签和 CSS 内容
    $style = $dom->createElement('style', $css_text);
     
    //创建新的属性 'type'
    $domAttribute = $dom->createAttribute('type');
     
    //为属性 'type' 添加值
    $domAttribute->value = 'text/css';
     
    //添加该属性到 style 标签中
    $style->appendChild($domAttribute);
     
    //添加该 style 标签到 DOM 文件中
    $dom->appendChild($style);
     
    //如下是输出效果
    <style type="text/css">
        p{color:#ff00ff;}
    </style>

    复制代码 代码如下:

    $p_text = 'This is a paragraph.';
     
    //创建新的 p 标签和内容
    $p = $dom->createElement('p', $p_text);
     
    //创建新的属性 'id'
    $domAttribute = $dom->createAttribute('id');
     
    //为属性 'id' 添加值
    $domAttribute->value = 'description';
     
    //添加该属性到 p 标签中
    $p->appendChild($domAttribute);
     
    //添加该 p 标签到 DOM 文件中
    $dom->appendChild($p);
     
    //如下是输出效果
    <p id="description">
        某一天
    </p>

    四、添加 Form 元素
     
    添加 textbox

    复制代码 代码如下:

    $input = $dom->createElement('input');
     
    $domAttribute = $dom->createAttribute('type');
    $domAttribute->value = 'text';
    $input->appendChild($domAttribute);
     
    $domAttribute = $dom->createAttribute('name');
    $domAttribute->value = 'e-mail';
    $input->appendChild($domAttribute);
     
    $dom->appendChild($input);
     
    //如下是输出效果
    <input type="text" name="e-mail">

    五、创建 Table

    复制代码 代码如下:

    $table = $dom->createElement('table');
     
    $domAttribute = $dom->createAttribute('id');
    $domAttribute->value = 'my_table';
     
    $tr = $dom->createElement('tr');
    $table->appendChild($tr);
     
    $td = $dom->createElement('td', 'Label');
    $tr->appendChild($td);
     
    $td = $dom->createElement('td', 'Value');
    $tr->appendChild($td);
     
    $table->appendChild($domAttribute);
     
    $dom->appendChild($table);
     
    //如下是输出效果
    <table id="my_table">
        <tbody>
            <tr>
                <td>Label</td>
                <td>Value</td>
            </tr>
        </tbody>
    </table>

    最后我们来一个完整复杂一点的例子：

    复制代码 代码如下:

    $dom = new DOMDocument('1.0');
     
    //CSS 内容
    $css_text = '';
    $css_text .= 'body{width:285px;margin:auto;margin-top:50px;}';
    $css_text .= '#my_table{border:1px solid #ececec;}';
    $css_text .= '#my_table th{border:1px solid #ececec;padding:5px;text-decoration:underline;}';
    $css_text .= '#my_table td{border:1px solid #ececec;padding:5px;}';
    $css_text .= '#my_table td:first-child{text-align:right;color:#333333;font-weight:bold;color:#999999;}';
     
    //创建新的 style 标签和 CSS 内容
    $style = $dom->createElement('style', $css_text);
     
    //创建新的属性 'type'
    $domAttribute = $dom->createAttribute('type');
     
    //为属性 'type' 添加值
    $domAttribute->value = 'text/css';
     
    //添加该属性到 style 标签中
    $style->appendChild($domAttribute);
     
    //添加该 style 标签到 DOM 文件中
    $dom->appendChild($style);
     
    //添加 form
    $form = $dom->createElement('form');
    $dom->appendChild($form);
    $formAttribute = $dom->createAttribute('method');
    $formAttribute->value = 'post';
    $form->appendChild($formAttribute);
     
    //添加 table
    $table = $dom->createElement('table');
    $tableAttribute = $dom->createAttribute('id');
    $tableAttribute->value = 'my_table';
    $table->appendChild($tableAttribute);
     
    //添加新的行(row)
    $tr = $dom->createElement('tr');
    $table->appendChild($tr);
     
    //添加新的列(column)
    $th = $dom->createElement('th', 'Generate HTML using PHP');
    $tr->appendChild($th);
    $thAttribute = $dom->createAttribute('colspan');
    $thAttribute->value = '2';
    $th->appendChild($thAttribute);
     
    //添加新的行(row)
    $tr = $dom->createElement('tr');
    $table->appendChild($tr);
     
    //添加新的列(column)
    $td = $dom->createElement('td', 'First Name');
    $tr->appendChild($td);
     
    //添加新的列(column)
    $td = $dom->createElement('td');
    $tr->appendChild($td);
     
    //添加 input 元素到列(column)中
    $input = $dom->createElement('input');
    $td->appendChild($input);
    $tdAttribute = $dom->createAttribute('type');
    $tdAttribute->value = 'text';
    $input->appendChild($tdAttribute);
    $tdAttribute = $dom->createAttribute('name');
    $tdAttribute->value = 'f_name';
    $input->appendChild($tdAttribute);
     
    //添加新的行(row)
    $tr = $dom->createElement('tr');
    $table->appendChild($tr);
     
    //添加新的列(column)
    $td = $dom->createElement('td', 'Email');
    $tr->appendChild($td);
     
    //添加新的列(column)
    $td = $dom->createElement('td');
    $tr->appendChild($td);
     
    //添加 input 元素到列(column)中
    $input = $dom->createElement('input');
    $td->appendChild($input);
    $tdAttribute = $dom->createAttribute('type');
    $tdAttribute->value = 'text';
    $input->appendChild($tdAttribute);
    $tdAttribute = $dom->createAttribute('name');
    $tdAttribute->value = 'e-mail';
    $input->appendChild($tdAttribute);
     
    //添加新的行(row)
    $tr = $dom->createElement('tr');
    $table->appendChild($tr);
     
    //添加新的列(column)
    $td = $dom->createElement('td', 'Gender');
    $tr->appendChild($td);
     
    //添加新的列(column)
    $td = $dom->createElement('td');
    $tr->appendChild($td);
     
    //添加 input 元素到列(column)中
    $select = $dom->createElement('select');
    $td->appendChild($select);
    $tdAttribute = $dom->createAttribute('name');
    $tdAttribute->value = 'gender';
    $select->appendChild($tdAttribute);
     
    //为 Select 下拉框添加选项
    $opt = $dom->createElement('option', 'Male');
    $domAttribute = $dom->createAttribute('value');
    $domAttribute->value = 'male';
    $opt->appendChild($domAttribute);
    $select->appendChild($opt);
     
    $opt = $dom->createElement('option', 'Female');
    $domAttribute = $dom->createAttribute('value');
    $domAttribute->value = 'female';
    $opt->appendChild($domAttribute);
    $select->appendChild($opt);
     
    //添加新的行(row)
    $tr = $dom->createElement('tr');
    $table->appendChild($tr);
     
    //添加新的列(column)
    $td = $dom->createElement('td', 'Interest');
    $tr->appendChild($td);
     
    //添加新的列(column)
    $td = $dom->createElement('td');
    $tr->appendChild($td);
     
    //添加 input 元素到列(column)中
    $radio = $dom->createElement('input');
    $td->appendChild($radio);
    $radAttribute = $dom->createAttribute('type');
    $radAttribute->value = 'radio';
    $radio->appendChild($radAttribute);
    $radAttribute = $dom->createAttribute('name');
    $radAttribute->value = 'interest';
    $radio->appendChild($radAttribute);
    $radAttribute = $dom->createAttribute('id');
    $radAttribute->value = 'php';
    $radio->appendChild($radAttribute);
     
    $label = $dom->createElement('label', 'PHP');
    $labelAttribute = $dom->createAttribute('for');
    $labelAttribute->value = 'php';
    $label->appendChild($labelAttribute);
    $td->appendChild($label);
     
    $radio = $dom->createElement('input');
    $td->appendChild($radio);
    $radAttribute = $dom->createAttribute('type');
    $radAttribute->value = 'radio';
    $radio->appendChild($radAttribute);
    $radAttribute = $dom->createAttribute('name');
    $radAttribute->value = 'interest';
    $radio->appendChild($radAttribute);
    $radAttribute = $dom->createAttribute('id');
    $radAttribute->value = 'jquery';
    $radio->appendChild($radAttribute);
     
    $label = $dom->createElement('label', 'jQuery');
    $labelAttribute = $dom->createAttribute('for');
    $labelAttribute->value = 'jquery';
    $label->appendChild($labelAttribute);
    $td->appendChild($label);
     
    //添加新的行(row)
    $tr = $dom->createElement('tr');
    $table->appendChild($tr);
     
    //添加新的列(column)
    $td = $dom->createElement('td');
    $tr->appendChild($td);
    $tdAttribute = $dom->createAttribute('colspan');
    $tdAttribute->value = '2';
    $td->appendChild($tdAttribute);
     
    //添加 input 元素到列(column)中
    $input = $dom->createElement('input');
    $td->appendChild($input);
    $tdAttribute = $dom->createAttribute('type');
    $tdAttribute->value = 'submit';
    $input->appendChild($tdAttribute);
    $tdAttribute = $dom->createAttribute('value');
    $tdAttribute->value = 'Sign-Up';
    $input->appendChild($tdAttribute);
     
    //添加 table 到 form 中
    $form->appendChild($table);
     
    echo $dom->saveHTML();

    “PHP怎么使用DOMDocument类生成HTML”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注高防服务器网网站，小编将为大家输出更多高质量的实用文章！

    [微信提示：高防服务器能助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。

    [图文来源于网络，不代表本站立场，如有侵权，请联系高防服务器网删除]
    [