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

Today, the editor to share with you how to use js to modify the page elements of the relevant knowledge, detailed content, clear logic, I believe that most people still know too much about this knowledge, so share this article for your reference, I hope you have something to gain after reading this article, let's take a look at it.

HTML is as follows:

Show current time

2021-12-19

Then modify the elements in the id= "time" div through js, as follows:

Var showTime = document.querySelector ('# showTime')

Var time = document.querySelector ('# time')

ShowTime.onclick = function () {

/ / innerText change element content does not recognize HTML tags non-standard removal of spaces and line feeds

Time.innerText = getDate ()

}

Function getDate () {

Var date = new Date ()

Var year = date.getFullYear ()

Var month = date.getMonth () + 1

/ / get the day of a month

Var dates = date.getDate ()

/ / gets the day ordinal of a week in a date. 0 represents Sunday.

Var day = date.getDay ()

Var array = [Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']

Return 'Today is:' + year + 'year' + month + 'month' + dates + 'Day +' + array [day]

}

These are all the contents of the article "how to use js to modify page elements". 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.