JSFiddle - React, Tailwind, and code Playground

by ahomu

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="ja" lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Firefox3.6</title>
</head>
<body>
<a id="inline1">インライン1号 innnerHTMLで足す</a>
<a id="inline2">インライン2号 appendChildで足す</a>
</body>
</html>

JavaScript

document.addEventListener('DOMContentLoaded', function() {
    // テスト1
    var inline1 = document.getElementById('inline1');

    inline1.innerHTML += '<div>の中にブロック要素を入れてみる</div>';
    alert(inline1.innerHTML);

    // テスト2
    var inline2 = document.getElementById('inline2');
    var div = document.createElement('div');
    div.innerHTML = 'appendChildしてみる';

    inline2.appendChild(div);
    alert(inline2.innerHTML);

}, false);