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

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

javascript html

如何在特定的HTML div中显示Javascript变量？,javascript,html,Javascript,Html,我对使用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.getUTCFullYea

我对使用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文件的内容，它仍然无法工作。这是否意味着年龄显示代码错误？

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

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

上课：

或者仅使用javascrtipt：

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

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

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

上课：

或者仅使用javascrtipt：

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

HTML:

你可以尝试：

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

你可以尝试：

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

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

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

然后您可以将其设置为innerHTML：

如果使用jQuery，事情会变得更简单，获取元素会变得：

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

并设置其内容：

myElem.html(myAge);

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

myAgeDiv.textContent = myAge;

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

myElem.text(myAge);

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

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

然后您可以将其设置为innerHTML：

如果使用jQuery，事情会变得更简单，获取元素会变得：

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

并设置其内容：

myElem.html(myAge);

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

myAgeDiv.textContent = myAge;

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

myElem.text(myAge);

假设你有一个类似于下面的一个：

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

假设你有一个类似于下面的一个：

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

如果您的变量是您的_变量然后你可以用

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

如果您的变量是您的_变量然后你可以用

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

在询问之前，先用谷歌搜索你的查询。我有但实际上没有一个解决方案有效。我不知道编码中是否有错误。你能告诉我们你是如何尝试的吗？检查你的浏览器控制台是否有错误，您使用了哪些函数来操作DOM？我发现这个错误未捕获TypeError：在询问之前，无法先设置nullgoogle查询的属性'innerHTML'。我没有任何解决方案可以工作。我不知道编码中是否有错误。您可以告诉我们您是如何尝试的吗？检查您的浏览器控制台是否有错误，您使用了哪些函数来操作DOM？我得到了这个错误uncaughttypeerror：无法设置Null的属性'innerHTML'，而这个被否决是因为。。。？答案是正确的，为什么有人要投反对票？请解释一下，不要只是随机投反对票。这太糟糕了，我知道所有这些答案都很好，应该有用，但它们没有。顺便说一句，我知道了-voted@user3797115那你做错了什么！告诉我们更多，编辑你的问题并添加更多细节。这被否决是因为。。。？答案是正确的，为什么有人要投反对票？请解释一下，不要只是随机投反对票。这太糟糕了，我知道所有这些答案都很好，应该有用，但它们没有。顺便说一句，我知道了-voted@user3797115那你做错了什么！告诉我们更多信息，编辑您的问题并添加其他详细信息。