HTML 与 JavaScript 互转工具

<div class="example"> <h3>示例标题</h3> <p>这是一个示例HTML内容。</p> <button onclick="alert('Hello!')">点击我</button> </div>

const element = document.createElement('div'); element.className = 'example'; const heading = document.createElement('h3'); heading.textContent = '示例标题'; element.appendChild(heading); const paragraph = document.createElement('p'); paragraph.textContent = '这是一个示例HTML内容。'; element.appendChild(paragraph); const button = document.createElement('button'); button.textContent = '点击我'; button.onclick = function() { alert('Hello!'); }; element.appendChild(button);