5

私は次のようなhtmlテキストを持っています：

'<div class="a"><span>1</span><div>2</div></div>'

入力などの文字列を取得し、ドキュメントに挿入するDOMツリーを返す関数がクロージャーライブラリにありますか？

4

1 に答える 1

14

goog.dom.safeHtmlToNode(html)Closure Library は、オブジェクトからドキュメントフラグメント ( Node)を作成する機能を提供しgoog.html.SafeHtmlます。これは、以下のように作成できgoog.html.sanitizer.HtmlSanitizerます。

例

<!doctype html>
<html>
<head>
  <title>Closure Library Dom Test</title>
  <script src="https://cdn.rawgit.com/google/closure-library/master/closure/goog/base.js"></script>
  <script>
    goog.require('goog.dom');
    goog.require('goog.html.SafeHtml');
    goog.require('goog.html.sanitizer.HtmlSanitizer');
  </script>
</head>

<body>
<h1>Closure Library Dom Test</h1>

<div id="main">
</div>

<script>
  var sanitizer = new goog.html.sanitizer.HtmlSanitizer.Builder().build();
  var fragment = goog.dom.safeHtmlToNode(
      sanitizer.sanitize('<div class="a"><span>1</span><div>2</div></div>'));

  goog.dom.append(/** @type {!Node} */(document.querySelector('#main')),
      /** @type {!Node} */(fragment));
</script>

</body>
</html>
于 2012-09-07T18:37:34.100 に答える