Question

I have this code, and it works with GetElementsbyId but how can i do such so I can have GetElementsByClassName so I can pass it to more than one place in side the code, here is my code;

http://jsfiddle.net/C6Qgf/

Here is the js

var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
document.write(month + "/" + day + "/" + year)
document.getElementsByClassName("time").innerHTML=(month + "/" + day + "/" + year);​

I would like to be able to use the Current date more than On place in my HtmL page . Thank you

Answer 1

You tagged jQuery in your question and I’m assume you use jQuery

Using jQuery, you can do,

var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()

$(".time").text(month + "/" + day + "/" + year);​​​​

Demo: http://jsfiddle.net/C6Qgf/3/

Note: If you are using native JavaScript, remember document.getElementsByClassName will not work on IE. There is a workaround to fix, see the below code.

Using native JS (with IE support)

var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
//document.write(month + "/" + day + "/" + year)
var obj = getElementsByClassName("time");
for(var i=0; i<obj.length; i++){
    obj[i].innerHTML=(month + "/" + day + "/" + year);
}

//For IE Fix
function getElementsByClassName(className) {
    if (document.getElementsByClassName){
      return document.getElementsByClassName(className);
    }else{
        return document.querySelectorAll('.' + className);
    }
}

Demo: http://jsfiddle.net/C6Qgf/6/