Skip to main content

JavaScript DOM

DOM (Document Object Model) connects web pages to programming languages.

HTML DOM methods: are the actions we can perform on HTML elements,
  • getElementById(id) - get the element with a specified id
  • getElementsByTagName(name) - get all elements with a specified tag name
  • appendChild(node) - insert a child node to x
  • removeChild(node) - remove a child node from x

 DOM properties:  DOM properties are values that we can set or change.
  • innerHTML - the inner text value of x (a HTML element)
  • nodeName - the name of x
  • nodeValue - the value of x
  • parentNode - the parent node of x
  • childNodes - the child nodes of x
  • attributes - the attributes nodes of 

The getElementById Method:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html DOM</title>
</head>
<body>
<h1 id="demo"></h1>
<script>
    document.getElementById('demo').innerHTML = "Sadman Kabir Soumik";
</script>

</body>
</html>

In the example above, getElementById is a method, while innerHTML is a property.

Document Object: If we want to access any element in an HTML page, we need to access that element via the document object. 



 


Labels:

Comments

Post a Comment

Popular posts from this blog

Regularization in Deep Learning / Machine Learning - Prevent Overfitting

image source: mlexplained Overfittng happens in every machine learning (ML) problem.  Learning how to deal with overfitting is essential to mastering machine learning.  The fundamental issue in machine learning is the tension between optimization  and generalization. Optimization refers to the process of adjusting a model to get the  best performance possible on the training data (the learning in machine learning ),  whereas generalization refers to how well the trained model performs on data it has  never seen before . The goal of the game is to get good generalization, of course, but you don’t control generalization; you can only adjust the model based on its training  data.  The processing of fighting overfitting is a way  called regularization . [1].  How do you know whether a model is overfitting? The best initial method is to measure error on a training and test set. If you see a low error on the training set and...
1 comment
Read more

Difference between a Singly LinkedList and Doubly LinkedList

3 comments
Read more

A Brief Overview of GPT-3 by OpenAI

    You have probably already seen some articles like "A robot wrote an entire article. Aren't you scared yet, human?" So, who is the robot here?    It's GPT-3 model. It's a transformer based language model. The full form of GPT is Generative Pre-trained Transformers. This model is developed by OpenAI. There were GPT-2 and other models released by OpenAI previously. GPT-3 was released in May 2020. GPT-3 is more robust than its predecessors. Though architecturally it doesn't have that mush difference.   GPT-3 can write articles, poems, and even working code for you*, given some context. There are some limitations which I am going explain later in this article. It's a language model means given a text, it probabilistically predicts what tokens from a known vocabulary will come next in that string. So, it's sort of a autocomplete that we see on a phone keyboard. We type a word, and then the keyboard suggests another word that can come next. What sets GPT...
1 comment
Read more