Javascript 如何访问使用DOM进行其他进程后生成的div的innerHTML_Javascript_Html_Dom

Javascript 如何访问使用DOM进行其他进程后生成的div的innerHTML

javascript html dom

Javascript 如何访问使用DOM进行其他进程后生成的div的innerHTML,javascript,html,dom,Javascript,Html,Dom,我想访问div的innerHTML属性，其中的文本是在执行某个函数后生成的。例如，我有这样的登录机制： <?php $message = ""; if(isset($_POST['user'] ) ) $user = $_POST['user']; if(isset($_POST['pass'])) { $pass = $_POST['pass']; if($

我想访问div的innerHTML属性，其中的文本是在执行某个函数后生成的。例如，我有这样的登录机制：

   <?php
        $message = "";

        if(isset($_POST['user'] ) )  
            $user = $_POST['user'];
        if(isset($_POST['pass']))  {
            $pass = $_POST['pass'];


        if($user == "ans" && $pass == "ans" )
        {
            $message = "success";
        }

        else 
            $message = "fail";

}

?>

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

<div class="msgDiv">
                <?php
                    if(isset($message) )
                        echo $message;
                ?>
</div>
    <form  action="#" method="POST">

            <input type="text" name="user" class="user">

            <input type="text" name="pass" class="user">

            <input type="submit" name="submit" id="button" value="submit">
    </form>


    <script>

            var user = document.getElementsByClassName('user')[0];
            var pass = document.getElementsByClassName('user')[1];
            var button = document.getElementById('button');
            var msg = document.getElementsByClassName('msgDiv');
            button.onclick= function()
            {
                user.value= "ans";
                pass.value="an";

                msg.onchange = function()  {
                alert(msg.textContent);
                } //THIS CODE IS WRONG, I SUPPOSE
            }   



    </script>
</body>
</html>


var user=document.getElementsByClassName（'user'）[0]；
var pass=document.getElementsByClassName（'user'）[1]；
var button=document.getElementById（'button'）；
var msg=document.getElementsByClassName（'msgDiv'）；
button.onclick=function（）
{
user.value=“ans”；
pass.value=“an”；
msg.onchange=函数（）{
警报（msg.textContent）；
}//我想这个代码是错的
}

“msgDiv”中的文本仅在登录成功或失败时生成。

如何使用DOM函数获取生成的文本？

使用

document.getElementById（“msgDiv”）.textContent

函数修饰符（）{
document.getElementById（“msgDiv”）.textContent=“message”；
}
修饰语（）；
console.log（document.getElementById（“msgDiv”）.textContent）
您已使用getElementById（id）
获取元素，然后使用.innerHTML
访问innerHTML属性。根据您想要的内容，您可能正在查找innerText或textContent
有关innerHTML、innerText和textContent的快速说明：
innerHTML可以改变页面上的实际html元素，包括删除或添加元素
innerText将获取或设置元素的纯文本；但是，注意到某些情况，可能会遗漏一些文本
文本内容将以纯文本的形式获取所有内容
var $ = function(id){
    //commonly used function to easily access html elements from javascript
    return document.getElementById(id);
}

$("msgDiv").innerHTML = "something";

document.getElementById（'msgDiv'）.textContent
？但是，在单击提交按钮后执行生成文本的函数时，如何访问该属性？我已经尝试过你的方法，但它不起作用。如果你发出异步请求，你将能够使用document.getElementById（“msgDiv”）.textContent
@AnshulAgrawal访问它。我们需要你的javascript代码来帮助你处理javascript逻辑。你应该把它编辑到你原来的帖子里。@Tyler，这是我的总结代码doing@YogeshMistry，这对我来说是可行的，但这里的问题实际上是（对不起，我之前忘了提到），我发布的代码实际上是我正在尝试编写的chrome扩展的一部分，所以我无法实现你的建议。我上面发布的表单是我必须插入扩展代码的页面的一部分，JS部分是扩展代码的一部分