Question

我是使用Javascript的新手，我想在我的主页上为我的投资组合显示此变量

<html lang="en">
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script>

    var curDate  = new Date();
    var curYear  = curDate.getUTCFullYear(),
        curMonth = curDate.getUTCMonth(),
        curDay   = curDate.getUTCDate();

    var myYear   = 1996,
        myMonth  = 10,
        myDay    = 22;

    var myAge = curYear % myYear;
    if (curMonth < myMonth && curDay < myDay || curMonth < myMonth && curDay === myDay || curMonth == myMonth && curDay < myDay) {
      myAge  -= 1; 
    }

    var myAgeDiv = document.getElementById('my-age');
    myAgeDiv.textContent = myAge;

    $('#my-age').text(myAge);

    </script>
    <title>My eportfolio!</title>
</head>
<body>
    <div id="my-age"></div>
</body>
</html>

修改：我创建了一个新的html文件（与上面相同），没有其他内容外部.js文件，但仍然无法正常工作。这是否意味着显示代码的年龄是错误的？

Answer 1

如果您的div有 ID ，请使用jQuery执行此操作：

$('#DivID').text(myAge);

有一个类：

$('.DivClass').text(myAge);

或仅使用javascrtipt：

document.getElementById('DivID').innerText = myAge;

Answer 2

HTML：

<div id="test"></div>

JS：

var d = document.getElementById('test');
d.innerHTML = myAge;

Answer 3

您可以尝试：

document.getElementById("your_div_id").innerHTML = myAge;

Answer 4

让我们说你有<div>，如下所示：

<div id="my-age"></div>

然后，您可以使用document.getElementById()获取JavaScript中的div并编辑其内容：

var myAgeDiv = document.getElementById('my-age');

myAgeDiv.textContent = myAge;

Answer 5

如果你的变量是your_variable 然后你可以使用

document.getElementById('DivID').innerHTML = your_variable;

Answer 6

如果您使用的是纯JavaScript，请以某种方式获取您的元素，例如：

var myElem = document.getElementById('my-element-id');

然后你可以设置innerHTML：

myElem.innerHTML = myAge.toString();

如果您正在使用jQuery，事情会变得更简单，让您的元素变为：

var myElem = $('#my-element-id');

设定内容：

myElem.html(myAge);

或者，如果您不需要插入HTML并希望更安全：

myElem.text(myAge);

如何在特定的HTML div中显示Javascript变量？

6 个答案: