前端新闻管理删除新闻代码

以下是一个简单的前端新闻管理删除新闻的代码示例：

HTML代码：

<!-- 新闻列表 -->
<ul id="news-list">
  <li data-id="1">新闻标题1 <button class="delete-btn">删除</button></li>
  <li data-id="2">新闻标题2 <button class="delete-btn">删除</button></li>
  <li data-id="3">新闻标题3 <button class="delete-btn">删除</button></li>
</ul>

JavaScript代码：

// 获取新闻列表元素
var newsList = document.getElementById('news-list');

// 监听新闻列表内的删除按钮点击事件
newsList.addEventListener('click', function(event) {
  // 判断点击的是不是删除按钮
  if (event.target.classList.contains('delete-btn')) {
    // 获取要删除的新闻ID
    var newsId = event.target.parentNode.dataset.id;
    
    // 发送删除新闻的请求
    deleteNews(newsId);
    
    // 从新闻列表中删除该新闻
    event.target.parentNode.remove();
  }
});

// 发送删除新闻的请求
function deleteNews(newsId) {
  // TODO: 发送删除新闻的请求
}

在这个示例中，我们在每个新闻条目中添加了一个data-id属性，用于存储该新闻的ID。然后我们监听新闻列表内的点击事件，并判断点击的是否为删除按钮。如果是，则获取该新闻的ID，并调用deleteNews函数发送删除新闻的请求。最后从新闻列表中删除该新闻