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但我不知道如何解决它.有什么建议?
因为该文件已经写好了.你可以这样设置文字:
<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.