Javascript 如何删除<；风格>；使用DOM的标签？

我有一个包含网页HTML文本的变量。该文本包含一个类似于此的样式区域，但其内部包含不同的内容

var myHtml = "xxxxx
   <style type="text/css"> 
   .... css style definition area.
   yyyy"
   </style> 

var myHtml=“xxxxx
..css样式定义区域。
yyyy“

通过DOM的单向

var el = document.createElement("DIV");
el.innerHTML = html_string;

var style = el.getElementsByTagName("STYLE");
for (var i = style.length - 1; i >= 0; i--) {
    style[i].parentNode.removeChild(style[i]);
}

alert(el.innerHTML);

单向通过DOM

var el = document.createElement("DIV");
el.innerHTML = html_string;

var style = el.getElementsByTagName("STYLE");
for (var i = style.length - 1; i >= 0; i--) {
    style[i].parentNode.removeChild(style[i]);
}

alert(el.innerHTML);

jQuery方式：

$（''）.append（myHtml）.remove（'style'）.html（）

jQuery方式：

$（''）.append（myHtml）.remove（'style'）.html（）