Javascript 如何更改div标记的文本

我有一个简单的div标签。您能告诉我如何在onmouseover处理程序中将文本更改为“mouse-in”吗？还有我的onmouseout处理器中的“鼠标移出”

<div id="div1" onmouseover="alert(1);" width="100px" height="200px" border="1">
test
</div>

测试

为什么宽度/高度和边框属性不起作用？我想将边框设置为1像素，宽度=100像素，高度=200像素

谢谢。

试试这个

你的文本

要使css正常工作，div没有width/height/border属性。你应该改用样式。最好使用CSS类来设置DIV的样式

<style type="text/css">
.message {
    width: 100px;
    height: 200px;
    border: solid 1px #000;
}
</style>

<div id="div1" class="message">test</div>

只需更换
警报（1）代码。你可以

this.innerHTML = 'mouse in'

类似地，对于
onmouseout
。

至于你的边界问题，那是因为你必须做到以下几点：

style="border:1px solid black"

/* Using inline-block so we can set w/h while letting elements
   flow around our div */
#div1 { display:inline-block; 
        width:100px; height:200px; 
        border:1px solid #000; }

因为边框是CSS元素。
对于CSS，请添加以下内容：

style="border:1px solid black"

/* Using inline-block so we can set w/h while letting elements
   flow around our div */
#div1 { display:inline-block; 
        width:100px; height:200px; 
        border:1px solid #000; }

对于您的Javascript：

/* We start wit a reference to the element via its ID */
var myDiv = document.getElementById("div1");
/* Then we add functions for our events */
myDiv.onmouseover = function() { this.innerHTML = 'mouse over'; }
myDiv.onmouseout  = function() { this.innerHTML = 'mouse out'; }

这给我们留下了非常干净和简约的标记：

<div id="div1">Hover Me!</div>

让我停下来！

这与更改文本的问题无关。@b参数-他也会问为什么（不受支持的）属性不起作用。边框与任何事情有什么关系？您应该提到这是jQuery，而不是标准javascript；）