DOM Scripting: Fixing innerHTML

Posted on November 18, 2009 by zzz_zwp

First of all, use the DOM to create a block level element—such as a div—using createElement. Then update the innerHTML property of this newly-created element. Finally, insert the updated element into the document using a DOM method like appendChild or insertBefore:

var newdiv = document.createElement("div");
newdiv.innerHTML = xhr.responseText;
var container = document.getElementById("container");
container.appendChild(newdiv);

Leave a Reply Cancel reply

Toggle Console (0)

No entries found.

Profiler (0 ms)

No entries found.

SQL (32 queries | 23.65 ms)

0.5770	`SELECT option_value FROM wp_options WHERE option_name = 'GOTMLS_nonce_array' LIMIT 1`
0.5469	`SELECT option_value FROM wp_options WHERE option_name = 'GOTMLS_definitions_array' LIMIT 1`
0.5260	`SELECT option_value FROM wp_options WHERE option_name = 'GOTMLS_scan_log/18.116.87.225/1737205551.3275' LIMIT 1`
0.5109	`SELECT option_value FROM wp_options WHERE option_name = 'gzipcompression' LIMIT 1`
0.6971	`SELECT option_value FROM wp_options WHERE option_name = 'rsssl_encryption_keys_set' LIMIT 1`
0.5291	`SELECT option_value FROM wp_options WHERE option_name = 'rsssl_le_certificate_generated_by_rsssl' LIMIT 1`
0.5090	`SELECT option_value FROM wp_options WHERE option_name = 'rsssl_ssl_activation_active' LIMIT 1`
0.7899	`SELECT option_name, option_value FROM wp_options WHERE option_name IN ('_site_transient_wp_theme_files_patterns-521ceac6f7ea50d1f2c96a08a1af8fc4','_site_transient_timeout_wp_theme_files_patterns-521ceac6f7ea50d1f2c96a08a1af8fc4')`
0.5720	`SELECT option_value FROM wp_options WHERE option_name = 'preload_cache_counter' LIMIT 1`
0.9410	`SELECT ID, post_name, post_parent, post_type FROM wp_posts WHERE post_name IN ('dom-scripting-fixing-innerhtml') AND post_type IN ('page','attachment')`
0.9341	`SELECT wp_posts.* FROM wp_posts WHERE 1=1 AND wp_posts.post_name = 'dom-scripting-fixing-innerhtml' AND wp_posts.post_type = 'post' ORDER BY wp_posts.post_date DESC`
1.0030	`SELECT DISTINCT t.term_id, tr.object_id FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('category', 'post_tag', 'post_format') AND tr.object_id IN (970) ORDER BY t.name ASC`
0.6802	`SELECT t., tt. FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id WHERE t.term_id IN (6,1)`
0.5341	`SELECT post_id, meta_key, meta_value FROM wp_postmeta WHERE post_id IN (970) ORDER BY meta_id ASC`
0.9770	`SELECT * FROM wp_posts WHERE ID = 1716 LIMIT 1`
0.4680	`SELECT option_value FROM wp_options WHERE option_name = 'https_migration_required' LIMIT 1`
0.7629	`SELECT option_value FROM wp_options WHERE option_name = 'site_logo' LIMIT 1`
0.9930	`SELECT t., tt. FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id WHERE t.term_id = 468`
2.2211	`SELECT wp_posts.* FROM wp_posts LEFT JOIN wp_term_relationships ON (wp_posts.ID = wp_term_relationships.object_id) WHERE 1=1 AND ( wp_term_relationships.term_taxonomy_id IN (468) ) AND wp_posts.post_type = 'nav_menu_item' AND ((wp_posts.post_status = 'publish')) GROUP BY wp_posts.ID ORDER BY wp_posts.menu_order ASC`
1.0769	`SELECT post_id, meta_key, meta_value FROM wp_postmeta WHERE post_id IN (1670,1671,1672,1681,1682) ORDER BY meta_id ASC`
0.6809	`SELECT wp_posts.* FROM wp_posts WHERE ID IN (1542,1534,1579,1544)`
0.7141	`SELECT post_id, meta_key, meta_value FROM wp_postmeta WHERE post_id IN (1542,1534,1579,1544) ORDER BY meta_id ASC`
1.2949	`SELECT DISTINCT t.term_id FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('category') AND tr.object_id IN (970) ORDER BY t.name ASC`
1.4699	`SELECT user_id, meta_key, meta_value FROM wp_usermeta WHERE user_id IN (1) ORDER BY umeta_id ASC`
0.7980	`SELECT * FROM wp_users WHERE ID IN (1)`
0.7219	`SELECT p.ID FROM wp_posts AS p WHERE p.post_date < '2009-11-18 17:05:43' AND p.post_type = 'post' AND p.post_status = 'publish' ORDER BY p.post_date DESC LIMIT 1`
0.4520	`SELECT * FROM wp_posts WHERE ID = 971 LIMIT 1`
0.4311	`SELECT p.ID FROM wp_posts AS p WHERE p.post_date > '2009-11-18 17:05:43' AND p.post_type = 'post' AND p.post_status = 'publish' ORDER BY p.post_date ASC LIMIT 1`
0.2081	`SELECT * FROM wp_posts WHERE ID = 969 LIMIT 1`
0.4840	`SELECT SQL_CALC_FOUND_ROWS wp_comments.comment_ID FROM wp_comments WHERE ( comment_approved = '1' ) AND comment_post_ID = 970 AND comment_parent = 0 ORDER BY wp_comments.comment_date_gmt ASC, wp_comments.comment_ID ASC`
0.3059	`SELECT option_value FROM wp_options WHERE option_name = 'akismet_comment_nonce' LIMIT 1`
0.2398	`SELECT option_value FROM wp_options WHERE option_name = 'akismet_comment_form_privacy_notice' LIMIT 1`

Templates

[0] => themes/twentyeleven/inc/theme-options.php
[1] => themes/twentyeleven/inc/widgets.php
[2] => themes/twentyeleven/single.php
[3] => themes/twentyeleven/header.php
[4] => themes/twentyeleven/searchform.php
[5] => themes/twentyeleven/content-single.php
[6] => themes/twentyeleven/comments.php
[7] => themes/twentyeleven/footer.php
[8] => themes/twentyeleven/sidebar-footer.php

Globals

$_GET = array (
);

$_POST = array (
);

$_COOKIE = array (
);

$_SESSION = array (
);

$_SERVER = array (
  'SERVER_SOFTWARE' => 'Apache',
  'REQUEST_URI' => '/dom-scripting-fixing-innerhtml/',
  'LSPHP_ENABLE_USER_INI' => 'on',
  'PATH' => '/usr/local/bin:/usr/bin:/bin',
  'TEMP' => '/tmp',
  'TMP' => '/tmp',
  'TMPDIR' => '/tmp',
  'PWD' => '/',
  'HTTP_ACCEPT' => '*/*',
  'HTTP_ACCEPT_ENCODING' => 'gzip, br, zstd, deflate',
  'CONTENT_LENGTH' => '0',
  'HTTP_HOST' => 'www.zzzzzzzzz.net',
  'HTTP_REFERER' => 'https://zzzzzzzzz.net/?p=970',
  'HTTP_USER_AGENT' => 'Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)',
  'HTTP_X_HTTPS' => '1',
  'REDIRECT_UNIQUE_ID' => 'Z4unL7Sm_VGG3BuOp9NcZQAAAAU',
  'REDIRECT_QS_ConnectionId' => '173720555129107105719059',
  'REDIRECT_SCRIPT_URL' => '/dom-scripting-fixing-innerhtml/',
  'REDIRECT_SCRIPT_URI' => 'https://www.zzzzzzzzz.net/dom-scripting-fixing-innerhtml/',
  'REDIRECT_HTTPS' => 'on',
  'REDIRECT_SSL_TLS_SNI' => 'www.zzzzzzzzz.net',
  'REDIRECT_HTTP2' => 'on',
  'REDIRECT_H2PUSH' => 'off',
  'REDIRECT_H2_PUSH' => 'off',
  'REDIRECT_H2_PUSHED' => '',
  'REDIRECT_H2_PUSHED_ON' => '',
  'REDIRECT_H2_STREAM_ID' => '1',
  'REDIRECT_H2_STREAM_TAG' => '719059-1763-1',
  'REDIRECT_STATUS' => '200',
  'UNIQUE_ID' => 'Z4unL7Sm_VGG3BuOp9NcZQAAAAU',
  'QS_ConnectionId' => '173720555129107105719059',
  'SCRIPT_URL' => '/dom-scripting-fixing-innerhtml/',
  'SCRIPT_URI' => 'https://www.zzzzzzzzz.net/dom-scripting-fixing-innerhtml/',
  'HTTPS' => 'on',
  'SSL_TLS_SNI' => 'www.zzzzzzzzz.net',
  'HTTP2' => 'on',
  'H2PUSH' => 'off',
  'H2_PUSH' => 'off',
  'H2_PUSHED' => '',
  'H2_PUSHED_ON' => '',
  'H2_STREAM_ID' => '1',
  'H2_STREAM_TAG' => '719059-1763-1',
  'SERVER_SIGNATURE' => '',
  'SERVER_NAME' => 'www.zzzzzzzzz.net',
  'SERVER_ADDR' => '192.185.137.117',
  'SERVER_PORT' => '443',
  'REMOTE_ADDR' => '18.116.87.225',
  'DOCUMENT_ROOT' => '/home1/zzz/public_html',
  'REQUEST_SCHEME' => 'https',
  'CONTEXT_PREFIX' => '',
  'CONTEXT_DOCUMENT_ROOT' => '/home1/zzz/public_html',
  'SERVER_ADMIN' => 'webmaster@zzzzzzzzz.net',
  'SCRIPT_FILENAME' => '/home1/zzz/public_html/index.php',
  'REMOTE_PORT' => '24255',
  'REDIRECT_URL' => '/dom-scripting-fixing-innerhtml/',
  'SERVER_PROTOCOL' => 'HTTP/2.0',
  'REQUEST_METHOD' => 'GET',
  'QUERY_STRING' => '',
  'SCRIPT_NAME' => '/index.php',
  'PHP_SELF' => '/index.php',
  'REQUEST_TIME_FLOAT' => 1737205551.3019139766693115234375,
  'REQUEST_TIME' => 1737205551,
  'argv' => 
  array (
  ),
  'argc' => 0,
);

z z z z z z z z z

z z z z z z z z z

DOM Scripting: Fixing innerHTML

Leave a Reply Cancel reply