Category: JavaScript

Sometimes, we want to parse form data request with Express.js and JavaScript.

In this article, we’ll look at how to parse form data request with Express.js and JavaScript.

How to parse form data request with Express.js and JavaScript?

To parse form data request with Express.js and JavaScript, we can use the body-parser package.

To install it, we run

npm i body-parser

Then we write

//...

const bodyParser = require("body-parser");
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
app.use(bodyParser.urlencoded({ extended: true }));

app.post("/post", (request, response) => {
  console.log(request.body);
  res.send("ok");
});

//...

to add

app.use(bodyParser.urlencoded());
app.use(bodyParser.urlencoded({ extended: true }));

so that we can parse form data request bodies and make them available with request.body in the route handler.

We use request.body in the route handler for the /post route to get the form data request body as an object.

Conclusion

To parse form data request with Express.js and JavaScript, we can use the body-parser package.

Sometimes, we want to get an HTML element’s style values in JavaScript.

In this article, we’ll look at how to get an HTML element’s style values in JavaScript.

How to get an HTML element’s style values in JavaScript?

To get an HTML element’s style values in JavaScript, we can use the getComputedStyle method.

For instance, we write

const width = window.getComputedStyle(document.querySelector("#mainbar")).width;

to call getComputedStyle with the element that we want to get the styles for.

We use querySelector to select the element.

And then we get the computed width of the element with the width property.

Conclusion

To get an HTML element’s style values in JavaScript, we can use the getComputedStyle method.

Sometimes, we want to access elements of parent window from iframe with JavaScript.

In this article, we’ll look at how to access elements of parent window from iframe with JavaScript.

How to access elements of parent window from iframe with JavaScript?

To access elements of parent window from iframe with JavaScript, we can use the window.parent.document property to get the parent window’s document.

For instance, we write

window.parent.document.getElementById("target");

to use the window.parent.document property to get the parent window’s document.

Then we call getElementById to select the element in the parent window by its ID.

Conclusion

To access elements of parent window from iframe with JavaScript, we can use the window.parent.document property to get the parent window’s document.

Sometimes, we want to give keyboard focus to a DIV and attach keyboard event handlers to it with JavaScript.

In this article, we’ll look at how to give keyboard focus to a DIV and attach keyboard event handlers to it with JavaScript.

How to give keyboard focus to a DIV and attach keyboard event handlers to it with JavaScript?

To give keyboard focus to a DIV and attach keyboard event handlers to it with JavaScript, we can set the contentEditable property of the div to true and call focus on it.

For instance, we write

const div = document.getElementById("inner");
div.contentEditable = true;
div.focus();

to select the div with getElementById.

Then we set its contentEditable property to true so we can type in the div.

Then we call focus on it so we put the cursor on the div.

Conclusion

To give keyboard focus to a DIV and attach keyboard event handlers to it with JavaScript, we can set the contentEditable property of the div to true and call focus on it.