Javascript 将html文本转换为纯文本

我有以下HTML：

<div id = "id1">
    "some text 1"<br>
    "more text 2" <br>
    "name" <br>
    <li> "list 1"</li>
    "THEend"
    <div class="class1" style="margin: 0px; padding: 0px;">
      &nbsp;&nbsp;
    </div>
</div>

目前，

contents

的结果包括来自

id1

和

class1

的文本，但我想完全删除

class1

的内容

我应该如何继续？

这里是一个非常原始的示例：

var original_id1 = document.getElementById('id1'),
    cloned_id1 = original_id1.cloneNode(true); // deep clone

// find all ".class1" elements
var class1_elements = cloned_id1.getElementsByClassName('class1');
// remove .class1 elements from clone
for (var i = 0; i < class1_elements.length; i++){
  var c1 = class1_elements[i], p = c1.parentNode
  p.removeChild(c1);
}

// remaining HTML
alert(cloned_id1.innerHTML);

// remaining text content(s)
alert(cloned_id1.textContent);

var original\u id1=document.getElementById（'id1'），
克隆的_id1=原始的_id1.cloneNode（真）；//深拷贝
//查找所有“.class1”元素
var class1_elements=克隆的_id1.getElementsByClassName（'class1'）；
//从克隆中删除.class1元素
对于（var i=0；i

---

你的问题是？你说的“数据”是什么意思？你指的是标记吗？内容的结果=一些文本1
更多文本
名称你的帖子没有用“jQuery”标记-但是你可以看看它的

text

方法：。因为你的HTML无效，很难提出正确的解决方案。如果不想获取HTML，请使用

innerText

或

textContent

而不是

innerHTML

。等等，在你的评论中你说你想得到HTML？？我现在很困惑。

var original_id1 = document.getElementById('id1'),
    cloned_id1 = original_id1.cloneNode(true); // deep clone

// find all ".class1" elements
var class1_elements = cloned_id1.getElementsByClassName('class1');
// remove .class1 elements from clone
for (var i = 0; i < class1_elements.length; i++){
  var c1 = class1_elements[i], p = c1.parentNode
  p.removeChild(c1);
}

// remaining HTML
alert(cloned_id1.innerHTML);

// remaining text content(s)
alert(cloned_id1.textContent);