Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/solr/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在javascript变量中获取div内容?_Javascript_Jquery_Html - Fatal编程技术网

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

如何在javascript变量中获取div内容?,javascript,jquery,html,Javascript,Jquery,Html,我试图在JavaScript变量中获取div的内容 我确实尝试了一些代码: <html> <head> <script> function data(){ alert(); var MyDiv1 = document.getElementById('newdata') alert(MyDiv1);

我试图在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>

函数数据(){
警惕();
var MyDiv1=document.getElementById('newdata')
警报(MyDiv1);
}
1.
但是它不能正常工作。

而不是

var MyDiv1 = document.getElementById('newdata')
alert(MyDiv1)
应该是

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

使用
.innerHTML
可以在
DOM
中获得指定
元素的
html

编辑:-

而不是

var MyDiv1 = document.getElementById('newdata')
alert(MyDiv1)
应该是

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

使用
.innerHTML
可以在
DOM
中获得指定
元素的
html

编辑:-


您必须使用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>

1.
函数数据(){
var MyDiv1=document.getElementById('newdata').innerHTML;
警报(MyDiv1);
}

您必须使用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>

1.
函数数据(){
var MyDiv1=document.getElementById('newdata').innerHTML;
警报(MyDiv1);
}

var content=MyDiv1.innerHTML
var content=MyDiv1.innerHTML如果值为1,则如何更改div的颜色?如果值为2,则如何保持不变?如果值为1,则如何更改div的颜色?如果值为2,则如何保持不变