添加 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>
- 在右侧代码框中第8行中输入:
$('ul').prepend('- Plum
'); - 在右侧代码框中第9行中输入 console.log($.html()); 。
- 点击提交运行 按钮