jQuery使用append添加的标签被编译了

最新推荐文章于 2025-02-26 10:33:36 发布

ansinie

最新推荐文章于 2025-02-26 10:33:36 发布

阅读量195

点赞数

文章标签： js jquery

本文链接：https://blog.youkuaiyun.com/qq_53496572/article/details/117122761

版权

本文介绍如何在jQuery中使用append方法插入元素时，避免元素被编译的问题，通过JavaScript直接操作DOM来实现所需结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery使用append添加的标签被编译了，无奈使用js实现这一功能

	function addhtml(ranSum,names,integrals,imgurl){
            let box = document.createElement("div");  //创建段落元素
            box.className='box'

            let ran = document.createElement("div");  //创建段落元素
            ran.className='ran'
            ran.innerHTML=ranSum

            let head_img = document.createElement("div");  //创建段落元素
            head_img.className='head_img'

            let img = document.createElement("img");  //创建段落元素
            img.src=imgurl

            let name = document.createElement("div");  //创建段落元素
            name.className='name'
            name.innerHTML=names

            let integral = document.createElement("div");  //创建段落元素
            integral.className='integral'
            integral.innerHTML=integrals+'积分'

            content.appendChild(box);

            box.appendChild(ran)

            box.appendChild(head_img)
            head_img.appendChild(img)

            box.appendChild(name)

            box.appendChild(integral)


        }

如图是最后构建出来的结构
在这里插入图片描述