HTML转JS

待转换文本

转换结果

工具使用说明 & 转换示例

1. 按钮功能介绍
  • 转JS:原生JS innerHTML 赋值代码;
  • 转Jquery:jQuery append 追加代码(截图默认样式);
  • 追加DIV:外层包裹div容器再追加;
  • 复制结果:一键复制下方输出框全部代码。
2. jQuery转换示例(默认模板)
// 输入内容:您好!欢迎使用HTML转JS工具~~~
// 输出结果:
$('你div的ID或class').append('您好!欢迎使用HTML转JS工具~~~');//id为#xxx class为.xxx
3. 原生JS转换示例
document.querySelector("#box").innerHTML = "您好!欢迎使用HTML转JS工具~~~";
4. 追加DIV模式示例
$('.content').append(`
您好!欢迎使用HTML转JS工具~~~
`);
5. 使用步骤 1. 在上方【待转换文本】输入HTML/文字内容;
2. 点击对应转换按钮自动生成JS/jQuery代码;
3. 点击【复制结果】复制代码直接粘贴到项目使用。