我想知道如何将变量添加到innerHtml中

时间:2019-09-25 04:04:06

标签: javascript

我想做

document.write("Your name is "+name+".");

但是我尝试使用innerHtml

document.getElementById('example').innerHTML = "Your name is "+name+"."

出现错误

index.html:10未捕获的ReferenceError:未定义getElementById     在index.html:10

我的代码:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<p id="example"></p>
<script type="text/javascript">
var name = "Mixlanded"
var example = getElementById('example')
example.innerHTML = 'Your name is ' + name + '.'
</script>
</body>
</html>

2 个答案:

答案 0 :(得分:0)

您的代码应该可以完美地工作

  • 但是,只要在HTML代码<div id="example"></div>可用后检查您的JavaScript代码是否已执行

代码:

const name = 'Mixlanded'
document.getElementById('example').innerHTML = 'Your name is ' + name + '.'
<p id="example"></p>

答案 1 :(得分:0)

仅使用document.getElementById('example')而错误消失了

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<p id="example"></p>
<script type="text/javascript">
var name = "Mixlanded"
var example = document.getElementById('example')
example.innerHTML = 'Your name is ' + name + '.'
</script>
</body>
</html>