为什么这个Javascript代码没有写入网页?

2 javascript forms document.write

我刚开始学习Javascript.我想要"Hello World!" 用户单击按钮后写入网页.我试过这个:

<html>
<head>
<script type="text/javascript">
function displaymessage()
{
document.write("Hello World!");
}
</script>
</head>

<body>
<form>
<input type="button" value="Click me!" onclick="displaymessage()" />
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我可以让它做一个window.alert("Hello World!")但不是document.write("Hello World!")出于某种原因.发生的是按钮消失并且不显示任何文本.我的猜测是问题在于,document.write但我不知道如何解决它.有什么建议?

med*_*iev 5

因为该文件已经写好了.你可以这样设置文字:

<button id="lol">blah</button>
<script>
    function setText( obj, to ) {
        obj.textContent? obj.textContent = to : obj.innerText = to;
    }
    var lol = document.getElementById('lol')

    lol.onclick = function() {
        var p = document.createElement('p');
        document.body.appendChild(p);
        setText( p, 'hi' );
    }
</script>
Run Code Online (Sandbox Code Playgroud)

另一种流行但往往低调的技术将是innerHTML.

  • 你没有.您可以使用替代方法,如创建新文本节点和元素或更改现有文本节点和元素. (3认同)