Javascript 如何使用jquery和div标记将文本添加到现有div想要基于文本自动增加高度
我尝试以下代码。但这是行不通的。希望你能帮助我。 和div标记希望根据文本大小自动增加高度。如果有人知道答案,如何将文本添加到div标记中?这里使用了脚本标记中的jQueryJavascript 如何使用jquery和div标记将文本添加到现有div想要基于文本自动增加高度,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我尝试以下代码。但这是行不通的。希望你能帮助我。 和div标记希望根据文本大小自动增加高度。如果有人知道答案,如何将文本添加到div标记中?这里使用了脚本标记中的jQuery $(函数(){ $('#新建')。在('单击',函数()上){ $(“Text”)。附录(“#Content”); }); }); #内容{ 高度:770px; 宽度:70%; 背景色:白色; 边框:7px实心灰色; } 附加值 这是因为您为#Content元素设置了固定的高度。移除高度或改用最小高度 这可能是因为演示
$(函数(){
$('#新建')。在('单击',函数()上){
$(“Text”)。附录(“#Content”);
});
});代码>
#内容{
高度:770px;
宽度:70%;
背景色:白色;
边框:7px实心灰色;
}
附加值
这是因为您为#Content
元素设置了固定的高度。移除高度
或改用最小高度
这可能是因为演示,但在第一个示例中,您没有将jQuery
脚本文件插入到文档中。之前,您需要将js文件插入头元素中
$(函数(){
$('#新建')。在('单击',函数()上){
$(“Text”)。附录(“#Content”);
});
});代码>
#内容{
宽度:70%;
最小高度:100px;
背景色:白色;
边框:7px实心灰色;
}
附加值
这是因为您为#Content
元素设置了固定的高度。移除高度
或改用最小高度
这可能是因为演示,但在第一个示例中,您没有将jQuery
脚本文件插入到文档中。之前,您需要将js文件插入头元素中
$(函数(){
$('#新建')。在('单击',函数()上){
$(“Text”)。附录(“#Content”);
});
});代码>
#内容{
宽度:70%;
最小高度:100px;
背景色:白色;
边框:7px实心灰色;
}
附加值
将div的高度设置为“自动”,并将div设置为“最小高度”
#Content {
height: auto;
min-height: 200px;
width: 70%;
background-color: white;
border: 7px solid gray;
}
将div的高度设置为“自动”,并将div设置为“最小高度”
#Content {
height: auto;
min-height: 200px;
width: 70%;
background-color: white;
border: 7px solid gray;
}
$(函数(){
$('#新建')。在('单击',函数()上){
$(“Text”)。附录(“#Content”);
});
});
#内容{
宽度:70%;
最小高度:70px;
背景色:白色;
边框:7px实心灰色;
}
附加值
编辑
拯救
$(“#获取数据”)。单击(函数(){
变量数据=$(“#内容”).text();
$(“#编辑”).val(数据);
});
$(“#完成”)。单击(函数(){
$(“#内容”).empty();
var EditData=$('#edit').val();
$(“#内容”).append(“”+EditData+””);
});
$(函数(){
$('#新建')。在('单击',函数()上){
$(“Text”)。附录(“#Content”);
});
});
#内容{
宽度:70%;
最小高度:70px;
背景色:白色;
边框:7px实心灰色;
}
附加值
编辑
拯救
$(“#获取数据”)。单击(函数(){
变量数据=$(“#内容”).text();
$(“#编辑”).val(数据);
});
$(“#完成”)。单击(函数(){
$(“#内容”).empty();
var EditData=$('#edit').val();
$(“#内容”).append(“”+EditData+””);
});
为什么不删除固定高度,它会自动执行现在发生的事情?为什么不删除固定高度,它会自动执行现在发生的事情?工作正常,谢谢。是否可以编辑我们在div标签中插入的文本?使用编辑文本是什么意思?你想做什么@ParamI已将word文本插入div标记。是否可以编辑div标记中的单词“Text”?如果您是这个意思,您可以将'Text'
更改为另一个文本@ParamNo我不想更改TextText。我想在div标记中插入文本后进行更改。\n工作正常,谢谢。是否可以编辑我们在div标签中插入的文本?使用编辑文本是什么意思?你想做什么@ParamI已将word文本插入div标记。是否可以编辑div标记中的单词“Text”?如果您是这个意思,您可以将'Text'
更改为另一个文本@ParamNo我不想更改TextText。我想在div标记中插入文本后进行更改。\n工作正常,谢谢。是否可以编辑我们在div标记中插入的文本?您到底想做什么?仅一个单词或所有单词附加到div?附加到div标记的单词“text”。之后,我想编辑字“文本”到“海文本插入成功”或类似的。它的工作很好,谢谢。是否可以编辑我们在div标记中插入的文本?您到底想做什么?仅一个单词或所有单词附加到div?附加到div标记的单词“text”。之后,我想编辑字“文本”到“文本插入成功”或类似的。