要在页面中添加面包屑导航，需要执行以下步骤：
<ol class="breadcrumb">
<li><a href="#">首页</a></li>
<li><a href="#">分类</a></li>
<li class="active">电视</li>
</ol>.breadcrumb {
background-color: #f5f5f5;
padding: 8px 15px;
border-radius: 4px;
margin-bottom: 20px;
}
.breadcrumb li {
display: inline-block;
font-size: 14px;
}
.breadcrumb li a {
color: #428bca;
text-decoration: none;
}
.breadcrumb li.active {
color: #777;
}var breadcrumb = document.createElement('ol');
breadcrumb.classList.add('breadcrumb');
breadcrumb.innerHTML = `
<li><a href="#">首页</a></li>
<li><a href="#">分类</a></li>
<li class="active">电视</li>
`;
document.body.appendChild(breadcrumb);通过以上步骤，就可以在页面中添加面包屑导航了。需要注意的是，面包屑导航应该清晰明了，方便用户快速了解当前所在的位置和路径。同时，应该避免使用过长的导航文字或层级，以免影响用户体验。