Question

我正在尝试在JavaScript变量中获取div的内容。

我确实尝试了一些代码：

<html>
     <head>
         <script>
             function data(){
                 alert();
                 var MyDiv1 = document.getElementById('newdata') 
                 alert(MyDiv1);
             }
         </script>
    </head>

    <body>
         <div id="newdata" style="background-color: red; width: 100px;height: 50px;">
             1 <!-- The content I'm trying to get -->
         </div>
         <a href="" onclick="data();">Logout</a>
    </body>
</html>

但它无法正常工作。

Answer 1

而不是

var MyDiv1 = document.getElementById('newdata')
alert(MyDiv1)

应该是

var MyDiv1 = document.getElementById('newdata').innerHTML
alert(MyDiv1)

OR

var MyDiv1 = document.getElementById('newdata')
alert(MyDiv1.innerHTML)

使用.innerHTML，您将获得html中指定element的{{1}}。

修改： -

SEE DEMO HERE

Answer 2

您必须使用 innerHTML 。

<html>
<head>
</head>
<body>
    <div id="newdata" style="background-color: red; width: 100px;height: 50px;">
        1
    </div>

    <a href="" onclick="data();">Logout</a>
</body>

    <script>
        function data() {
            var MyDiv1 = document.getElementById('newdata').innerHTML;
            alert(MyDiv1);
        }
    </script>

</html>

如何在javascript变量中获取div内容？

2 个答案: