JavaScript 经典实例：第三版

处理

HTML

｜

319

//

否则，把新段落添加到

div

元素最后

if

(paras[2]) {

div.insertBefore(newPara, paras[2]);

}

else

{

div.appendChild(newPara);

}

12.10.3

讨论

document.createElement()

方法可以创建任何

HTML

元素。创建好之后，便可以

把元素插入或添加到页面中。在上述方案中，我们使用

insertBefore()

方法把新

段落元素插入到某个现有段落前面。

由于我们想把新段落插入到当前的第三个段落前面，因此要获取

div

元素中的所有

段落，确保存在第三个段落之后，再使用

insertBefore()

方法把新段落插入到现

有段落的前面。如果不存在第三个段落，那就使用

appendChild()

方法，把新段落

元素添加到

div

元素的最后。

12.11

检查有没有勾选复选框

12.11.1

问题

你想确认用户有没有勾选应用中的某个复选框。

12.11.2

方案

通过

checked

属性勾选复选框及验证状态。在这个示例中，笔者选中一个

id

为

check

的

HTML input

复选框，然后监听单击事件。触发该事件时，

validate

函

数运行，检查元素的

checked

属性，把状态记录到控制台。

const

checkBox = document.getElementById('check');

const

validate = () => {

if

(checkBox.checked) {

console.log('Checkbox ...