DOM API 㨠innerHTML ã®ãƒ‘フォーマンス比較 - ã¨ã£ãã‚Šã°ãƒ¼404 Blog Not Found:javascript - element.innerHTML ã¯ãªãœé€Ÿã見ãˆã‚‹ã‹ã«ã¦ InnerHTMLã¯é€Ÿããªã„。速ã見ãˆã‚‹ã ã‘ã 。ã¨ã‚ã£ãŸã€‚Danã•ã‚“ã®äºˆæ¸¬ã¯ã€DOM APIãŒé…ã見ãˆã‚‹ã®ã¯ã€DOM Treeã‚’æ›´æ–°ã—ã¦ã„ããŸã³ã«å†æç”»ãŒèµ°ã‚‹ã‹ã‚‰ã§ã¯ãªã„ã‹ã¨ã„ã†ã‚‚ã®ã€‚ ãã†ãªã®ã‹ãªã¨æ€ã£ã¦å®Ÿé¨“を作ã£ã¦ã¿ã¾ã—ãŸã€‚ 複雑ãªHTMLã‚’æ–‡å—列ã¨ã—ã¦ä½œã£ã¦ã‹ã‚‰innerHTMLã«ä»£å…¥ã™ã‚‹ã®ã¨ã€ å†æç”»ãŒä¸€åº¦ã‚‚走らãªã„よã†ã€ã‚らã‹ã˜ã‚複雑ãªElementを作ã£ã¦ã‹ã‚‰æœ€å¾Œã«documentã«ãã£ã¤ã‘るよã†ã«ã™ã‚‹ã® Elementを作ã£ãŸãã°ã‹ã‚‰ã©ã‚“ã©ã‚“documentã«ãã£ã¤ã‘ã¦ã„ãã® ã§æ¯”較ã—ã¾ã—ãŸã€‚↓以下実験。 HTMLタグを生æˆã—ã¦innerHTML DOM APIã§Elementを生æˆï¼ˆæœ€å¾Œã«bodyã«æŽ¥ç¶šï¼‰ DOM APIã§Elementを生æˆï¼ˆæœ€åˆã«b
{{#tags}}- {{label}}
{{/tags}}