检查HTML是否有属性，然后从元素中删除样式

是一个前端开发中常见的操作。下面是一个完善且全面的答案：

在前端开发中，我们经常需要检查HTML元素是否具有某个属性，并根据结果来删除元素的样式。这个操作通常是通过JavaScript来实现的。

首先，我们可以使用JavaScript的getAttribute()方法来获取元素的属性值。该方法接受一个参数，即要获取的属性名，如果元素具有该属性，则返回属性值，否则返回null。

接下来，我们可以使用removeAttribute()方法来删除元素的属性。该方法同样接受一个参数，即要删除的属性名。调用该方法后，元素将不再具有该属性。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    .red {
      color: red;
    }
  </style>
</head>
<body>
  <p id="myParagraph" class="red" data-custom="example">Hello, World!</p>

  <script>
    var paragraph = document.getElementById("myParagraph");

    // 检查是否具有属性
    if (paragraph.getAttribute("data-custom")) {
      // 删除样式
      paragraph.removeAttribute("class");
    }

    console.log(paragraph);
  </script>
</body>
</html>

在上面的示例中，我们首先获取了id为"myParagraph"的p元素。然后使用getAttribute()方法检查该元素是否具有data-custom属性。由于我们在HTML中给p元素添加了data-custom属性，所以条件成立。接着，我们调用removeAttribute()方法删除了p元素的class属性。最后，我们通过console.log()方法输出了修改后的p元素。

这个操作在实际开发中有很多应用场景，例如根据用户的操作动态修改元素的样式，根据不同的条件来添加或删除元素的属性等。

推荐的腾讯云相关产品和产品介绍链接地址：