Javascript没有'；我不能更改文件吗？_Javascript_Html

Javascript没有'；我不能更改文件吗？

javascript html

Javascript没有'；我不能更改文件吗？,javascript,html,Javascript,Html,看看这个示例代码，它不起作用： <?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&

看看这个示例代码，它不起作用：

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<script type="text/javascript">
<!--

function moveMe() {
        document.getElementById('moveme').top = 200;
        document.getElementById('moveme').style.backgroundcolor = 'green';
        document.getElementById('writeme').innerHtml = 'abc';
        alert('called!');
}


// -->
</script>


<style type="text/css">

.moveable {
    position: absolute;
    top: 30px;
    left: 200px;
    width: 100px;
    height: 100px;
    background-color: yellow;
}

#writeme {
    background-color: red;
    color: white;
}

</style>


</head>

<body>

<div id="moveme" class="moveable" onClick="moveMe()">
<p id="writeme">Hello!</p>
</div> 

</body>

</html>


.可移动{
位置：绝对位置；
顶部：30px；
左：200px；
宽度：100px；
高度：100px；
背景颜色：黄色；
}
#笔迹{
背景色：红色；
颜色：白色；
}
你好

单击文本时，将显示警报，但文档中没有任何更改。段落文本未被覆盖，div未被移动。。。在FF和IE中进行了测试，还通过Firebug检查了DOM：奇怪的是，新值被写入节点，但它们以粗体显示，而旧值仍然存在。WTF

我想我错过了一些基本的东西。

非零长度需要单位，“200”缺少单位
JavaScript区分大小写：
```
backgroundColor
```
和
```
innerHTML
```
因为您似乎正在使用XHTML，所以您的脚本是

需要

  document.getElementById('moveme').style.top = "200px";

我想,；及

  document.getElementById('writeme').innerHtml = 'abc';

需要成为

  document.getElementById('writeme').innerHTML = 'abc';

这是

背景色

，大写字母C是@David最先出现的。

试试这个：

<script type="text/javascript">

function moveMe() {
        document.getElementById('moveme').style.top = '200px';
        document.getElementById('moveme').style.backgroundColor = 'green';
        document.getElementById('writeme').innerHTML = 'abc';
        alert('called!');
}

window.onload = moveMe;

</script>


函数moveMe（）{
document.getElementById（'moveme'）.style.top='200px'；
document.getElementById（'moveme'）.style.backgroundColor='green'；
document.getElementById（'writeme'）。innerHTML='abc'；
警报（‘呼叫’）；
}
window.onload=moveMe；

除了其他人所说的之外：放下

，因为这将IE置于怪癖模式。

谢谢大家，这真是太快了！尽管取消脚本注释似乎并不重要，但这是一篇很好的文章。只有IE6，而且这实际上会对坏代码有利（怪癖模式下不需要单元）！这个答案真的应该是一个评论。

<script type="text/javascript">

function moveMe() {
        document.getElementById('moveme').style.top = '200px';
        document.getElementById('moveme').style.backgroundColor = 'green';
        document.getElementById('writeme').innerHTML = 'abc';
        alert('called!');
}

window.onload = moveMe;

</script>