Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript在span标记中组织元素_Javascript_Html - Fatal编程技术网

使用javascript在span标记中组织元素

使用javascript在span标记中组织元素,javascript,html,Javascript,Html,我有一个span元素R和元素空格、chk和text,它们分别包含换行符、复选框元素和文本节点 下面是我用来附加元素的javascript: R.appendChild(space); R.appendChild(chk); R.appendChild(txt); 以及跨度的HTML: Selected Address <span style="position:absolute: top:100px; right:700px;"id="result

我有一个span元素
R
和元素
空格、chk和text
,它们分别包含换行符、复选框元素和文本节点

下面是我用来附加元素的javascript:

     R.appendChild(space);
     R.appendChild(chk);
     R.appendChild(txt);
以及跨度的HTML:

Selected   Address    <span style="position:absolute: top:100px; right:700px;"id="results">&nbsp;</span> 
我正在动态地生成这些元素,因此它必须用javascript编写并实现自动化。另一方面,我在页面上定位跨距时也遇到了问题。更改样式属性中的“位置”似乎对其没有影响


非常感谢您的帮助。

看起来像表格数据,所以请使用HTML表格:

关于span元素的小问题

在span的
style
属性中,第二个冒号(在“绝对”和“顶部”之间)是打字错误吗?看起来应该是分号


如果使用HTML表结构(正如其他人已经建议的那样),不知道跨度是否仍然相关,但是…:-)

将HTML组织成行,并使用样式表定位元素。JavaScript在这里似乎有点过头了。你能澄清一下这个问题吗?现在,您似乎在问如何创建一个表,或者至少是一个表格显示。答案是:使用
,或CSS定义的具有固定宽度的元素。另外,您说过
空格
包含换行符。如果是这样,
R.appendChild(空格)
应该抛出错误,因为
appendChild
要求您传递一个
节点
。空格变量实际上包含一个节点,该节点本身包含“br”,而不是字符。我想我要找的是一个表格,我只是想知道如何整齐地显示生成的数据。如果我知道如何在每一列之间设置相等的空间,我可以只打印中间有空格的元素,然后在每一行的末尾调用换行符。
Selected     Address

checkbox     64-21 broad street
checkbox     58-99 narrow street