<div id="em" ></div>

<script>
-(function () {
var ext = ".gif";
var href = "http://qzonestyle.gtimg.cn/qzone/em/e";
var em = document.getElementById("em");
for (var i = 100; i < 204; i++) {var liNode = document.createElement("img");
liNode.src = href + i + ext; 
em.insertBefore(liNode, em.childNodes[i]);
}
 
for (var i = 7000; i < 7450; i++) {var liNode = document.createElement("img");
liNode.src = href + i + ext; 
em.insertBefore(liNode, em.childNodes[i]);
}
 
for (var i = 328507; i < 328577; i++) {var liNode = document.createElement("img");
liNode.src = href + i + ext; 
em.insertBefore(liNode, em.childNodes[i]);
}
 
for (var i = 328581; i < 328592; i++) {var liNode = document.createElement("img");
liNode.src = href + i + ext; 
em.insertBefore(liNode, em.childNodes[i]);
}
 
for (var i = 328640; i < 328710; i++) {var liNode = document.createElement("img");
liNode.src = href + i + ext; 
em.insertBefore(liNode, em.childNodes[i]);
}
 
})()
</script>

{timeline-item color="#19be6b"}
这段代码首先定义了一个变量ext，用于存储表情图片的文件扩展名（这里是.gif)。接下来，
使用变量 href 存储表情图片的基本链接地址。
然后，通过 document.getElementById("em") 获取带有 ID 为 “em” 的 HTML 元素节点，并将其存储在变量 em 中。
{/timeline-item}
{timeline-item color="#ed4014"}
然后，代码使用一系列的 for 循环，逐个创建 元素节点，并将表情图片的完整链接赋值给每个 元素的 src 属性。然后，通过 em.insertBefore(liNode, em.childNodes[i]) 将每个 元素插入到 ID 为 “em” 的元素节点中的相应位置。
{/timeline-item}
{timeline-item color="#ed4014"}
这样，通过循环遍历和动态创建 元素节点的方式，就实现了在指定的 HTML 元素中加载 QQ 表情的功能。
{/timeline-item}