html 我如何使用javascript创建一个包含元素的div？

34gzjxbg 于 2023-01-03 发布在 Java

关注(0)|答案(3)|浏览(158)

我想创建以下结构：

<div>
  <label>Label:</label>
  <p>This text should be right beside the label</p>
</div>

因此，结果可能类似于：
第一个月
我尝试使用以下方法：

label_element = document.createElement('label')
p_element = document.createElement('p')

label_node = document.createTextNode('text')
p_node = document.createTextNode('text2')

label_element.appendChild(p_element)

document.getElementById('anchor').appendChild('label_element')

以上返回：

Label:

Here is the text

我怎样才能把它们组合在一起呢？我的另一个选择是把字符串合并成一个字符串，但是如果我想在标签字段旁边有一个输入字段呢？

Html

来源：https://stackoverflow.com/questions/74955318/how-can-i-use-javascript-to-create-a-div-with-elements-inside-of-it

3条答案

按热度按时间

ui7jx7zq1#

p元素是一个段落元素，将在上下显示空格。
若要在Label元素中获取内联文本，请改用span元素。

赞(0）回复(0）举报 2023-01-03

camsedfj2#

有几点需要注意：

您的HTML没有定义“锚点
您正在创建一个p元素（paragraph）-除非您另外指定样式/css，否则它将显示在单独的行中。您可以使用span来实现您所声明的内容。请参阅以下内容：

label_element = document.createElement('label'); // Create a label element
label_node = document.createTextNode('Label:'); // Add a text node to the label
label_element.appendChild(label_node);

span_element = document.createElement('span'); // Create a span element
span_node = document.createTextNode('This text should be next to label'); // Add a text node to span
span_element.appendChild(span_node);

//label_element.appendChild(span_element)

document.getElementById('anchor').appendChild(label_element)
document.getElementById('anchor').appendChild(span_element)

<div id="anchor">

</div>

赞(0）回复(0）举报 2023-01-03

ghhkc1vu3#

尝试以下代码
超文本标记语言

<div id="main">

 </div>

JS系统

document.getElementById('main').innerHTML=
     "
        <div>
            <label>Label:</label>
            <span>This text should be right beside the label</span>
        </div>
    "

赞(0）回复(0）举报 2023-01-03

我来回答

html 我如何使用javascript创建一个包含元素的div？

3条答案

相关问题

热门标签

最新问答