使用 Javascript 更改字幕内容

Question

在任何人说之前，我知道有比使用选取框更好的方法，但是，对于这个例子，我使用了一个。

根据日期的不同，我希望字幕显示不同的内容。为什么选取框不变，总是说默认？

Javascript

var d = new Date();
var n = d.getDate();

if (n > 0 && n < 8){
 var bday ="Birthday Kids name and age 1"
 }else if(n > 7 && n < 15){
  var bday ="Birthday Kids name and age 2"
 }else if(n > 14 && n < 22){
  var bday ="Birthday Kids name and age 3"
 }else if(n > 21 && n < 29){
  var bday ="Birthday Kids name and age 4"
 }else if(n > 28 && n < 32){
  var bday ="BirthdayKids name and age 5"
 }
 
document.getElementById("birthdays").textContent = "We wish a very happy birthday to "+bday;

<marquee bgcolor="#088A08" id="birthdays" direction="left" loop="20" width="100%">Default</marquee>

Answer 1

尝试

 document.getElementById("birthdays").innerHTML

编辑：将 == 替换为 = 并确保在元素之后或页面加载之后调用 getElementById

Answer 2

见fiddle

Javascript

var d = new Date();
var n = d.getDate();
if (n > 0 && n < 8){
    var bday ="Birthday Kids name and age 1";
    }else if(n > 7 && n < 15){
        var bday ="Birthday Kids name and age 2";
    }else if(n > 14 && n < 22){
        var bday ="Birthday Kids name and age 3";
    }else if(n > 21 && n < 29){
        var bday ="Birthday Kids name and age 4";
    }else if(n > 28 && n < 32){
        var bday ="BirthdayKids name and age 5";
    }

document.getElementById("birthdays").textContent ="We wish a very happy birthday to "+bday;

请注意，我已从您的代码中删除了 ==，这解决了问题，因为存在语法错误问题。

== 用于比较和赋值，仅使用 =..

使用 Javascript 更改字幕内容

Change Marquee Content Using Javascript

javascript

html

dom

见fiddle