关于JS当中element！

JavaScript011

关于JS当中element！,第1张

先来看一段代码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<div id="picture1">这个元素的ID是picture1</div>

<script>

    var element = document.getElementById("picture1")

    console.log(element) // 将获得的element打印到控制台

    

</script>

</body>

</html>

效果：

看到没有，获得的其实是一个节点（成为Element或者Node节点）。

这句代码的意思其实是通过id来获得页面上叫picture1的元素或者节点。

那你可以在执行这句代码之前先判断下有没有这个id=A的标签，有再让它执行。

if(document.getElementById('A')){

    document.getElementById('A').innerHTML = 'aaa'

}

if(document.getElementById('B')){

    document.getElementById('B').innerHTML = 'bbb'

}