解决idea开发遇到JavaScript动态添加HTML元素时中文乱码的问题有多种方案，以下是其中一种常见的解决方法：
在讲解具体解决方案之前，需要了解如下几个前置知识：
ISO-8859-1charset属性来修改字符集UTF-16escape()或encodeURIComponent()函数对中文字符串进行编码，再进行拼接或操作可以在HTML页面的头部设置字符集，以确保浏览器正确解析中文字符。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Page Title</title>
</head>
<body>
<!-- ... -->
</body>
</html>
在以上代码中，<meta>标签中的charset属性设置为utf-8，浏览器会根据该属性来解析中文字符。
encodeURIComponent()函数如果使用JavaScript动态添加HTML元素时，需要拼接中文字符串，可以使用encodeURIComponent()函数对中文字符进行编码。
var str = '你好';
var escapedStr = encodeURIComponent(str);
document.body.innerHTML += '<div>' + escapedStr + '</div>';
在以上代码中，首先定义一个中文字符串'你好'，然后使用encodeURIComponent()函数对其进行编码得到一个新字符串'%E4%BD%A0%E5%A5%BD'。最后通过innerHTML属性将该字符串拼接到<body>标签中。
createElement()和appendChild()方法除了直接通过innerHTML属性拼接HTML字符串外，还可以使用createElement()和appendChild()方法来动态添加HTML元素。
var str = '你好';
var div = document.createElement('div');
var text = document.createTextNode(str);
div.appendChild(text);
document.body.appendChild(div);
在以上代码中，首先定义一个中文字符串'你好'，然后使用createElement()方法创建一个<div>标签，使用createTextNode()方法创建一个包含中文字符串的文本节点。接着，使用appendChild()方法将文本节点添加到<div>标签中，然后再将<div>标签添加到<body>标签中。
通过上述三种方法中的任意一种，即可解决idea开发遇到JavaScript动态添加HTML元素时中文乱码的问题。需要注意的是，在使用JavaScript动态添加中文HTML元素时，应该保证HTML页面和JavaScript代码的字符编码方式一致。
本文链接：http://task.lmcjl.com/news/8904.html