Javascript 将HTML语法转换为XML格式，在HTML格式下效果很好，但在XML格式下效果不佳

我正在做一个项目，遇到了一个我一直找不到明确答案的问题。我使用的是OUCampus，它的语法是XML，不幸的是，我不能改变这一点。我不知道要改变什么才能使它在XML中工作。我曾尝试研究“转换”JavaScript以在XML中工作的正确语法，但这些建议都不起作用。从错误的外观来看，这是重叠的图像和一个中断，重复XML编译器语法忽略的部分代码的行，或者至少这就是我和我的朋友看到和猜测的原因。有人对如何在XML语法中正常工作有什么建议吗？我对XML的理解还不足以解决这个问题，我更多地植根于HTML，因此我迷失了方向。我的朋友和我正在尝试制作一个具有以下规格的图像滚动条，这就是我们所拥有的不能正常工作的图像滚动条

图像滚动器
#卷轴{
位置：相对位置；
}
#滚动条。内部滚动区域{
溢出：隐藏；
位置：绝对位置；
左：0；
右：0；
排名：0；
底部：0；
}
#卷轴{
填充：0；
保证金：0；
位置：相对位置；
}
#卷轴李{
填充：0；
保证金：0；
列表样式类型：无；
位置：绝对位置；
}
img{右填充：20px；左填充：20px；}










$（函数（）{
var scroller=$（“#scroller div.innerScrollArea”）；
var scrollerContent=scroller.children（'ul'）；
scrollerContent.children（）.clone（）.appendTo（scrollerContent）；
var-curX=0；
scrollerContent.children（）.each（函数（））{
var$this=$（this）；
$this.css（'left'，curX）；
curX+=$this.outerWidth（true）；
});
var fullW=curX/2；
var viewportW=scroller.width（）；
//滚动速度管理
var控制器={curSpeed:0，fullSpeed:1.75}；
变量$controller=$（controller）；
var tweentenowspeed=函数（新闻速度、持续时间）
{
如果（持续时间===未定义）
持续时间=600；
$controller.stop（true）.animate（{curSpeed:newSpeed}，duration）；
};
//悬停
scroller.hover（函数（）{
tweentenowspeed（0）；
}，函数（）{
tweenToNewSpeed（控制器全速）；
});
//滚动管理；启动自动滚动
var doscorl=函数（）
{
var curX=scroller.scrollLeft（）；
var newX=curX+controller.curSpeed；
如果（newX>fullW*2-viewportW）
newX-=fullW；
scroller.scrollLeft（newX）；
};
设置间隔（多斯克罗尔，20）；
tweenToNewSpeed（控制器全速）；
});

您是否尝试过将Javascript包装到CDATA部分？我不知道这是什么，您能解释一下吗@duffmoMaybe是否将javascript代码移动到.js文件中？