Cheerio 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

添加 DOM

cheerio提供一系列修改dom结构的方法。

.append(content, [content, ...])

将 content 插入到某元素中作为该元素的 最后一个子元素 。

$('ul').append('<li class = "plum">Plum</li>');
$.html();
//=> <ul id = "fruits">
//     <li class = "apple">Apple</li>
//     <li class = "orange">Orange</li>
//     <li class = "pear">Pear</li>
//     <li class = "plum">Plum</li>
// </ul>

.prepend(content, [content, ...])

将 content 插入到某元素中作为该元素的 第一个子元素 。

$('ul').prepend('<li class = "plum">Plum</li>');
$.html();
//=> <ul id = "fruits">
//     <li class = "plum">Plum</li>
//     <li class = "apple">Apple</li>
//     <li class = "orange">Orange</li>
//     <li class = "pear">Pear</li>
// </ul>
  1. 在右侧代码框中第8行中输入:
    $('ul').prepend('
  2. Plum
  3. ');
  4. 在右侧代码框中第9行中输入 console.log($.html());
  5. 点击提交运行 按钮