Category: JavaScript

Sometimes, we want to get current YouTube video time with JavaScript

In this article, we’ll look at how to get current YouTube video time with JavaScript

How to get current YouTube video time with JavaScript?

To get current YouTube video time with JavaScript, we use the getCurrentTime method.

For instance, we write

const ytPlayer = document.getElementById("movie_player");
ytPlayer.getCurrentTime();

to get the YouTube player with getElementById.

Then we get the current time with the getCurrentTime method.

Conclusion

To get current YouTube video time with JavaScript, we use the getCurrentTime method.

Sometimes, we want to set style on body with JavaScript.

In this article, we’ll look at how to set style on body with JavaScript.

How to set style on body with JavaScript?

To set style on body with JavaScript, we set the style properties.

For instance, we write

document.body.style.display = "block";

to set the display property style to 'block' on the body.

document.body is the body element.

Conclusion

To set style on body with JavaScript, we set the style properties.

Sometimes, we want to prevent anchor behavior with JavaScript.

In this article, we’ll look at how to prevent anchor behavior with JavaScript.

How to prevent anchor behavior with JavaScript?

To prevent anchor behavior with JavaScript, we return false in the event handler.

For instance, we write

<a href="no-script.html" id="myLink">link</a>

to add a link.

Then we write

document.getElementById("myLink").onclick = () => {
  // ...
  return false;
};

to get the link with getElementById.

And then we set its onclick property to a function that’s called when the link is clicked.

We return false to stop the default behavior.

Conclusion

To prevent anchor behavior with JavaScript, we return false in the event handler.

Sometimes, we want to open maximized window with JavaScript.

In this article, we’ll look at how to open maximized window with JavaScript.

How to open maximized window with JavaScript?

To open maximized window with JavaScript, we call window.open with a string with options.

For instance, we write

const params = ["height=" + screen.height, "width=" + screen.width].join(",");

const popup = window.open("http://www.google.com", "popup_window", params);
popup.moveTo(0, 0);

to call window.open with the params string that sets the height to the screen’s height and the width to the screen’s width.

And then we call moveTo to move the window to the top left corner of the screen.

Conclusion

To open maximized window with JavaScript, we call window.open with a string with options.

Sometimes, we want to get full height of a clipped div with JavaScript.

In this article, we’ll look at how to get full height of a clipped div with JavaScript.

How to get full height of a clipped div with JavaScript?

To get full height of a clipped div with JavaScript, we use the offsetHeight property.

For instance, we write

<div id="element" style="height: 20px; overflow: hidden">
  <p id="innerElement">
    content<br />content<br />content<br />
    content<br />content<br />content<br />
    content<br />content<br />content<br />
  </p>
</div>

to add a div with content.

Then we write

const innerHeight = document.getElementById("innerElement").offsetHeight;
console.log(innerHeight);

to get the p element with getElementById.

And then we get its height with the offsetHeight property.

Conclusion

To get full height of a clipped div with JavaScript, we use the offsetHeight property.