怎样用js向div中追加一些标记

JavaScript024

怎样用js向div中追加一些标记,第1张

html中的div如下,id为div1

<div id="div1">Hello World !</div>

js代码:

1、使用innerHTML:

var div1 = document.getElementById("div1")

div1.innerHTML+="加入内容"

2、使用appendChild:

var div1 = document.getElementById("div1")

var tag = document.createElement("p")

tag.innerHTML = "P内容"

div1.appendChild(tag)

<!-- //-->是HTML的注释标记,标记中间包含的字符不会被输出到页面,只能在网页源码中看到。

JS代码外使用这个标记的目的是,当浏览器不支持JS代码时,不会将JS代码输出到页面。这是一种兼容老式浏览器的写法。现代浏览器都支持JS代码,所以这种写法现在很少用到了。

正如您在 switch 语句那一章中看到的,可以对 JavaScript 语句进行标记。

如需标记 JavaScript 语句,请在语句之前加上冒号:

label:

statements

break 和 continue 语句仅仅是能够跳出代码块的语句。

语法:

break labelname

continue labelname

continue 语句(带有或不带标签引用)只能用在循环中。

break 语句(不带标签引用),只能用在循环或 switch 中。

通过标签引用,break 语句可用于跳出任何 JavaScript 代码块:

cars=["BMW","Volvo","Saab","Ford"]

list:

{

document.write(cars[0] + "<br>")

document.write(cars[1] + "<br>")

document.write(cars[2] + "<br>")

break list

document.write(cars[3] + "<br>")

document.write(cars[4] + "<br>")

document.write(cars[5] + "<br>")

}