Q&A
■行いたいこと
HTMLコードを入力し、それをJavaScriptのmatchメソッドを使って
何のタグが入力されたのかを調べたいです。
例えば、次のような入力をすると・・・
lang
1<html> 2<head> 3 <title>ほげほげ</title> 4</head> 5<body> 6 <p class="hoge">あいうえお</p> 7 <a href="http://www.hogehoge.co.jp">かきくえこ</a> 8 <br> 9</body> 10</html>
次のような結果が出る感じにしたいです。
lang
1// 変数 ： 値 2RegExp.$1; // html 3RegExp.$2; // head 4RegExp.$3; // title 5RegExp.$4; // body 6RegExp.$5; // p 7RegExp.$6; // a 8RegExp.$7; // br
グループ化や正規表現に使える記述などを調べたものの、
良いパターンが思いつかず煮詰まってしまい質問した次第です。
良いパターンもしくは違う方法で結果を得れる方法を御存知の方がいましたら
どうかご教授示しください。よろしくお願いいたします。
回答2件
0
html parser github のキーワードで検索してみました
こういった例の場合、正規表現ではなく構文解析器を利用するのがよいのかもしれません
たとえば、tautologistics/node-htmlparser - GitHub のようなツールが公開されているようです
解析された出力結果から 集計処理を挟むことで、お望みの結果が得られるかもしれません
参考になれば幸いです
投稿2015/02/01 18:26
総合スコア2321
0
なんか穴がありそうなんですが
lang
1var re=/<\s*([^/>\s]+)/mg; 2function test(){ 3return re.exec('<html>\ 4<head>\ 5 <title>ほげほげ</title>\ 6</head>\ 7<body>\ 8 <p class="hoge">あいうえお</p>\ 9 <a href="http://www.hogehoge.co.jp">かきくえこ</a>\ 10 <br>\ 11</body>\ 12</html>'); 13} 14test(); //html 15test(); //head 16test(); //title 17test(); //body 18test(); //p 19test(); //a 20test(); //br 21test(); //null
投稿2015/02/03 07:31
総合スコア36898
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。