gpt4 book ai didi

Javascript:在 标签中创建一个新的 div

转载 作者:行者123 更新时间:2023-11-28 19:26:08 27 4
gpt4 key购买 nike

这很难解释,但我会尽力而为。我想编写一个 Javascript 函数,它接受两个参数(标题内容)并创建一个 <div>标签 <body>标签。 <div>标签应如下所示。

<div>
<h2>title</h2>
<p>content</p>
</div>

我的 JavaScript 代码如下所示:

function addElement (title, content) {
var newDiv = document.createElement("div");
var newH2 = document.createElement("h2");
var title = document.createTextNode(header);
newH2.appendChild(title);
var p = document.createElement("p");
var post = document.createTextNode(entry);
p.appendChild(post);
newDiv.appendChild(newH2);
newDiv.appendChild(p);

// Missing codes here...
}

我不知道如何完成我的方法。因为我的页面中有近数百个标签,并且我希望这些新标签(当用户进行新输入时)将出现在 html 代码页面中间的同一位置,以便保持组织有序。

最佳答案

如果您想使用 jQuery,请看一下这个 fiddle :http://jsfiddle.net/panpymq2/

在我的 fiddle 中,我绑定(bind)到按钮按下。然后我调用一个方法,将新生成的 html 附加到页面的 body 中。您可以在使用 CSS3 选择器附加新 HTML 的位置进行更改。只需修改 $("在此处插入选择器").append...

更新
根据新的要求,我更新了我的 fiddle :http://jsfiddle.net/panpymq2/1/

我现在将新的 html 添加到到文档中。

关于Javascript:在 <body> 标签中创建一个新的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27850021/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com