在html中创建div时,返回未定义

mrphzbgm  于 2021-09-13  发布在  Java
关注(0)|答案(2)|浏览(276)

下面是我的html代码,警报消息返回未定义,即未创建“div_”。
请帮助解决此问题:

var piediv = document.createElement('div');
piediv.id = "div_" ;
alert($('#div_').attr('id'));
blmhpbnm

blmhpbnm1#

首先需要将div附加为主体的子对象。

var piediv = document.createElement('div');
piediv.id = "div_" ;
document.body.appendChild(piediv);
alert($('#div_').attr('id'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
wfsdck30

wfsdck302#

您必须设置div属性,尝试100%工作。
第一种方法:

var piediv = document.createElement('div');
        piediv.setAttribute("id", "div_");
        $("body").append(piediv);
        alert($('#div_').attr('id'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

@mplungjan建议的第二种方法:

var pieDiv = $("<div/>",{"id":"div_"}).appendTo("body");

           alert($('#div_').attr('id'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

相关问题