为什么当页面上的其他人响应innerHTML时，这个div不响应innerHTML？[副本]

Question

当使用JavaScript设置一个div的innerHTML时，我只有一个div，我不明白为什么它没有被设置...

我的

<div style="width:50%; margin:0 auto;">
    <div id="name"></div>
    <div id="image"></div>
    <div id="description"></div>
</div>
<script>
    var url = window.location.href;
    var captured = /name=([^&]+)/.exec(url)[1];
    var result = decodeURI(captured);
    if (result != 'none') {
        var name = document.getElementById('name');
        name.innerHTML = "<p>" + result + "</p>";
        var description = document.getElementById('description');
        description.innerHTML = '<object data="descriptions/' + result + '.txt" style="font-family:Gotham, Helvetica, Arial, sans-serif"></object>'
        var image = document.getElementById('image');
        image.innerHTML = '<img style="float:left;" src="images/' + result + '.jpg">'
    }
    else {
        document.write('You have no items in your cart');
        var elem = document.getElementById('badge');
        elem.parentNode.removeChild(elem);
    }
</script>

由于某种原因，名称

Safari和Chrome中的JavaScript控制台没有显示错误，并且都有相同的结果。name变量也不为null。

还要注意的是，这只是一个学校项目，无论如何都不一定要实用。




Answer 1

name变量与窗口冲突。名称。您只需将var name=更改为var somethingElse=。