DOM hasAttribute and hasChildNodes Methods tutorial in JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>DOM hasAttribute hasChildNodes Methods JavaScript</title>
<link rel="stylesheet" href="css/DOM_hasAttribute_hasChildNodes_Methods_JavaScript.css">
</head>
<body>
<div id="test" class="abc">
<h2>Hello World : JavaScript hasAttribute Method</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo corporis adipisci alias cupiditate
officiis consequatur, fuga, amet quos numquam perferendis saepe labore dolorem reiciendis reprehenderit
facilis repudiandae praesentium quis delectus voluptates, repellendus recusandae. Itaque consequuntur,
corrupti quasi illum iusto perferendis autem blanditiis magni eum, repellendus architecto ratione ipsum
molestiae laboriosam.
</p>
<h2>Hello World : JavaScript hasChildNodes Method</h2>
</div>
<script src="js/DOM_hasAttribute_hasChildNodes_Methods_JavaScript.js"></script>
</body>
</html>
Below File is css/DOM_hasAttribute_hasChildNodes_Methods_JavaScript.css File
h2 {
margin: 0 0 10px;
}
#test {
background: #ffff00;
width: 800px;
min-height: 250px;
padding: 10px 10px;
margin: 0 auto;
}
Below File is js/DOM_hasAttribute_hasChildNodes_Methods_JavaScript.js File
// The hasAttribute() method returns true if the attribute exists, otherwise false.
// SYNTAX : element.hasAttribute(name)
// The hasChildNodes() method returns true if the specified node has any child nodes, otherwise false.
// The hasChildNodes() method is read-only.
// SYNTAX : element.hasChildNodes()
var target = document.getElementById("test");
var find = target.hasAttribute("class");
console.log(find);
//hasChildNodes() Method :
// hasChildNodes() Method will count ElementNode, TextNode, Spaces also.
var targetTwo = document.getElementById("test");
var findTwo = targetTwo.hasChildNodes();
console.log(findTwo);.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
Comments
Post a Comment