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

//一般前后端传输的json数据都可能存在html的字符串，但我们一般会过滤标签，提取文本
html_str = "<span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span>"

正则提取（正常思维）

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