【JS奇技淫巧②】提取html字符串的文本（去html标签）

//一般前后端传输的json数据都可能存在html的字符串，但我们一般会过滤标签，提取文本
html_str = "1234567891011121314151617181920"

正则提取（正常思维）

var re = new RegExp('<[^<>]+>','g');
var text = html_str.replace(re ,"");
//或
var text = html_str.replace(/<[^<>]+>/g,"");

console.log(text);

//输出 1234567891011121314151617181920

炫技式提取（完全自娱自乐思维）（灵活）

var oDiv = document.createElement('div');
oDiv.innerHTML = html_str;
var text = oDiv.innerText;

console.log(text);

//输出   1234567891011121314151617181920

//比起正则这个更加灵活的可以直接操作/提取某一个标签的任何东西

//获取子节点的个数
console.log(oDiv.childNodes.length)  //输出 20
//获取第11个子节点的innerHTML
console.log(oDiv.childNodes[10].innerHTML)   //输出 11