Javascript 使用GetElementByClassName和GetElementById

我想在同一段中打印变量，但打印行不同。我用的是：

<p id="demo1"></p><p id="demo2"></p><p id="demo3"></p>
<button type="button" onclick="myFunction()">Try It!</button>
<script>
function myFunction()
{
var lastname="Doe";
var age=30;
var job="carpenter";
document.getElementById("demo1").innerHTML=lastname;
document.getElementById("demo2").innerHTML=age;
document.getElementById("demo3").innerHTML=job;
}
</script>

<script type="text/javascript">
  alert('All your site are belong to us.');
</script>

然后在末尾添加多个id和值？像这样的

document.getElementById("demo1,demo2,demo3").innerHTML=lastname,age,job;

你怎么能正确阅读，我知道上面的说法是无效的，但正确的方法是什么呢

泰 贾里德·摩尔

<p id="demo1"></p>
<button type="button" onclick="myFunction()">Try It!</button>
<script>
function myFunction()
{
var lastname="Doe";
var age=30;
var job="carpenter";
var concat = lastname + '<br />' + age + '<br />' + job
document.getElementById("demo1").innerHTML=concat;

}
</script>

试试看！ 函数myFunction（） { var lastname=“Doe”； var年龄=30岁； var job=“carpenter”； var concat=lastname+'
'+age+'
'+job document.getElementById（“demo1”）.innerHTML=concat； }

---

这三个部分位于三个不同段落中的原因是您有三个
p
元素。如果希望所有值都位于同一段落中，则应使用内联元素，例如
span
。这就是它的样子：

<p><span id="demo1"></span><span id="demo2"></span><span id="demo3"></span></p>

然后，任何人都可以通过传递以下消息在您的页面上运行他们想要的任何JavaScript：

<p id="demo1"></p><p id="demo2"></p><p id="demo3"></p>
<button type="button" onclick="myFunction()">Try It!</button>
<script>
function myFunction()
{
var lastname="Doe";
var age=30;
var job="carpenter";
document.getElementById("demo1").innerHTML=lastname;
document.getElementById("demo2").innerHTML=age;
document.getElementById("demo3").innerHTML=job;
}
</script>

<script type="text/javascript">
  alert('All your site are belong to us.');
</script>

类是空间分隔的。不能按id获取多个元素。您可以使用
querySelectorAll（'#demo1，#demo2，#demo3'）
。
<script type="text/javascript">
  alert('All your site are belong to us.');
</script>

element.appendChild(document.createTextNode(userSuppliedData))