在html表格中显示变量的值

html-css015

在html表格中显示变量的值,第1张

可以直接引用的, 也可以做一些运算后输出, 不过要保证引入 js 的代码写在前面， 不然会变量值是 undefined.

想显示出来可以 document.write

或者赋值给一个容器的 innerHTML

<span id="demo"></span>

<script language="javascript">

document.getElementById("demo").innerHTML = d

</script>

或者赋值给一个输入框的 value

<input type="text" id="demo" />

<script language="javascript">

document.getElementById("demo").value= d

</script>

这个问题十分简单。但是我不建议使用楼上的方式。为什么不建议？因为innerHTML会将<body>中<script>标签以前的内容覆盖掉。我建议使用更符合逻辑的添加节点的方式。望采纳。

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>test</title>

</head>

<body>

<div id="back"></div>

<script>

var a = 6

var node1 = document.createTextNode(a)

var node2 = document.createElement("font")

node2.appendChild(node1)

document.getElementById("back").appendChild(node2)

</script>

</body>

</html>

有两种方式：

1、通过document.write的方式显示变量值

<script>

var a='1'

document.write(a)//在页面上显示a的值1

</script>

2、在页面节点中显示变量值

<div id='dv'></div>

<script>

var a='1'

var d = document.getElementById('dv')//获取div的节点

d.innerHTML = a//在div节点上显示a的值1

</script>