Shulou(Shulou.com)06/01 Report--

Today, the editor will share with you the relevant knowledge points about how JavaScript changes the content of HTML. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article. Let's take a look at it.

JavaScript can change the content of HTML

GetElementById () is one of several JavaScript HTML methods.

Use this method to "find the HTML element of" id= "demo" and change the element innerHTML to "Hello JavaScript":

Example

Document.getElementById ("demo") [xss_clean] = "Hello JavaScript"

Tip: JavaScript accepts both double and single quotation marks:

Example

Document.getElementById ("demo") [xss_clean] = 'Hello JavaScript'

JavaScript can change HTML properties

By changing

Tag's src attribute (source) to change a HTML image:

JavaScript can change HTML style (CSS)

Changing the style of the HTML element is a variation of changing the HTML attribute:

Example

Document.getElementById ("demo") .style.fontSize = "25px"

JavaScript can hide HTML elements

You can hide the display element by changing the HTML style:

Example

Document.getElementById ("demo") .style.display = "none"

JavaScript can display HTML elements

You can show hidden HTML elements by changing the display style:

Example

Document.getElementById ("demo") .style.display = "block"

These are all the contents of the article "how JavaScript changes HTML content". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.