我正在尝试将一些 javascript 添加到我的 HTML 文档中。在我的示例中,我想用 HTML 文本显示 2 的正方形。应使用 js 脚本计算结果。例如,考虑一下:
在我的标题中:
<script type="text/javascript">
var square = 2*2
</script>
在我的身体里:
<p>The square of 2 is <span id="square">.</span></p>
我必须添加什么才能完成这项工作?
我正在尝试将一些 javascript 添加到我的 HTML 文档中。在我的示例中,我想用 HTML 文本显示 2 的正方形。应使用 js 脚本计算结果。例如,考虑一下:
在我的标题中:
<script type="text/javascript">
var square = 2*2
</script>
在我的身体里:
<p>The square of 2 is <span id="square">.</span></p>
我必须添加什么才能完成这项工作?
您需要将innerHtml
跨度的 设置为该值,因此它将是这样的:
<script type="text/javascript">
var square = 2*2;
document.getElementById('square').innerHTML = square;
</script>
但是您会希望将此脚本移动到写入跨度的位置之后,因为页面以程序方式呈现并且跨度在头部尚不存在。另一种选择是将代码包装在document.onload
如下函数中:
<script type="text/javascript">
document.onload(function() {
var square = 2*2;
document.getElementById('square').innerHTML = square;
});
</script>
尝试使用 HTML 文档对象模型,例如,
function changeText(){
var ans = 2*2;
document.getElementById("square").innerHTML = ans;
}
然后,将此 javascript 附加到一个事件,例如
<body onload="changeText()">