document.getElementById与<>一起使用但不是& It; >

时间:2018-02-14 16:09:24

标签: javascript getelementbyid

我正在使用服务器端脚本来更改客户端请求中的表而不刷新页面。为服务器端提供的文本是一致且有效的,但有时它永远不会更改客户端的输出显示。我将提示放入以帮助排除故障。

当代码失败时,第一个提示返回<img src='anim.gif' class='pic'>,第三个提示返回&It&gt替换<>。当代码工作时,第一个提示返回<img src='anim.gif' class='pic'>,第三个提示返回<>(而不是&It&gt)。我理解&It/&gt<>的替代品,但为什么这会与一个而不是另一个一起工作。

使用服务器端脚本构建的表的第二个提示始终返回<>

的结果

为了消除生成初始页面的PHP中的潜在错误,我复制了生成的HTML并使用它并获得了相同的随机成功和失败。

由于排除和故障排除过程,我没有包含调用表的脚本。其他函数产生的唯一差异是列出的更改。

这是请求信息的脚本:

function useHttpResponse2(){
    if (http2.readyState == 4){
        if(http2.status == 200){
            var temp = document.getElementById("left").innerHTML;
            prompt(temp ,temp);
            temp = http2.responseText;
            prompt(temp ,temp);
            document.getElementById("left").innerHTML = http2.responseText;
            temp = document.getElementById("left").innerHTML;
            prompt(temp ,temp);

        }
    }else{
        document.getElementById("left").innerHTML = "<img src='anim.gif' class='pic'>";
    }
}

这是页面本身:

<!DOCTYPE htmls)
<html>
<style>
.right {
     float: left;
     width: 33%;
}
.middle {
    display: inline-block;
    width: 33%;
}
.left {
    float: right;
    width: 33%;
}.pic {
    float: left;
    width: 75%;
    max-height: 325px;
    }
.table {
    float: right;
    width: 25%;
}
</style>
<head>
<script src='ArtFollow.js'></script>
<script src='Ajax.js'></script>
<script src='ArtPortfolio.js'></script>
<script type'text/javascript>var IDS = ["3","2","1"];</script>
<title>Portfolio</title>
</head>
<body background='img/marb009.jpg' onload="view_pics(IDS,'right', '3')">
<div class='right' id='right'><img src='anim.gif' class='pic'></div>
<div class='middle' id='middle'><img src='anim.gif' class='pic'></div>
<div class='left' id='left'><img src='anim.gif' class='pic'></div>
</body>
</html>

0 个答案:

没有答案