显示[object HTMLDivElement]的内容
display content of [object HTMLDivElement]
我的目标是显示输入字段并在其旁边显示跨度。为了实现这一点,我在父字段中生成了两个div(基础框架中"行"中的两个"小6列")。
如果我选择.appendChild(el)和.appendChild(span),它会起作用。当我想把div放在工作中时,我会打印[object HTMLDivElement][object HTMLDivElement]作为结果。
我试过$(ldiv).html()和许多变体,但我就是想不通。
感谢您的回复
var cellRight = row.insertCell(1);
var div = document.createElement('div');
div.class = 'row';
//
var el = document.createElement('input');
el.type = 'text';
el.name = 'produkty_mnozstvi_jednotek' + iteration;
el.id = 'produkty_mnozstvi_jednotek' + iteration;
el.style.width = '3.5rem';
//
var ldiv = document.createElement('div');
ldiv.class = 'small-6 columns';
ldiv.id = 'ldiv' + iteration;
ldiv.innerHTML = el;
//
var span = document.createElement('span');
span.id = 'naskladneni_mnozstvi_jednotek' + iteration;
//
var rdiv = document.createElement('div');
rdiv.class = 'small-6 columns';
rdiv.id = 'rdiv' + iteration;
rdiv.innerHTML = span;
//
div.innerHTML = div.innerHTML + ldiv + rdiv;
//
cellRight.appendChild(div);
//cellRight.appendChild(el);
//cellRight.appendChild(span); //works fine but divs are ignored and span in under the input, not next to it (workaround)
使用appendChild而不是innerHTML。也许它对你有帮助:
function run() {
var row = document.getElementById('row');
var cellRight = row.insertCell();
var div = document.createElement('div');
div.class = 'row';
var el = document.createElement('input');
el.type = 'text';
el.name = 'produkty_mnozstvi_jednotek' + iteration;
el.id = 'produkty_mnozstvi_jednotek' + iteration;
el.style.width = '3.5rem';
//
var el = document.createElement('input');
el.type = 'text';
el.name = 'produkty_mnozstvi_jednotek' + iteration;
el.id = 'produkty_mnozstvi_jednotek' + iteration;
el.style.width = '3.5rem';
//
var ldiv = document.createElement('div');
ldiv.class = 'small-6 columns';
ldiv.id = 'ldiv' + iteration;
ldiv.appendChild(el);
//
var span = document.createElement('span');
span.id = 'naskladneni_mnozstvi_jednotek' + iteration;
//
var rdiv = document.createElement('div');
rdiv.class = 'small-6 columns';
rdiv.id = 'rdiv' + iteration;
rdiv.appendChild(span);
//
div.appendChild(ldiv);
div.appendChild(rdiv);
cellRight.appendChild(div);
}
在正确使用appendChild()中找到解决方案
var tbl = document.getElementById('tblProdukty');
var lastRow = tbl.rows.length;
var iteration = lastRow;
var row = tbl.insertRow(lastRow);
// left cell
var cellLeft = row.insertCell(0);
var textNode = document.createTextNode(iteration);
cellLeft.appendChild(textNode);
// jednotka bunka
var cellRight = row.insertCell(1);
var div = document.createElement('div');
div.class = 'row';
//
var el = document.createElement('input');
el.type = 'text';
el.name = 'objednavka_mnozstvi_jednotek' + iteration;
el.id = 'objednavka_mnozstvi_jednotek' + iteration;
el.style.width = '3.5rem';
//
var ldiv = document.createElement('div');
ldiv.class = 'small-6 columns';
ldiv.id = 'ldiv' + iteration;
ldiv.appendChild(el);
//
var span = document.createElement('span');
span.name = 'naskladneni_mnozstvi_jednotek' + iteration;
span.id = 'naskladneni_mnozstvi_jednotek' + iteration;
//
var rdiv = document.createElement('div');
rdiv.class = 'small-6 columns';
rdiv.id = 'rdiv' + iteration;
rdiv.appendChild(span);
//
div.appendChild(ldiv);
div.appendChild(rdiv);
//
cellRight.appendChild(div);
相关文章:
- 在循环遍历对象 HTMLDivElement 时,应用 ChileNode 样式 zindex 在 firefox 和
- React警告:ReactMount:根元素已从其原始容器中删除.新容器:[object HTMLDivElement]
- 未捕获的类型错误:对象#<HTMLDivElement>没有方法'偏移'
- 使用javascript时返回[object HTMLDivElement]
- 使用 jQuery 更改 HTMLDivElement 中的所有 id
- 如何解析 [object HTMLDivElement]
- 语法错误,无法识别的表达式:[对象 HTMLDivElement]输入:复选框[名称=]:选中
- 显示[object HTMLDivElement]的内容
- 将jQuery应用于Google Maps控件中的HtmlDivElement对象
- 未捕获的类型错误:对象#<HTMLDivElement>没有方法'addPanel'
- MooTools Slider控件,TypeError:Object#<HTMLDivElement>没有方
- 未捕获的类型错误:对象#<HTMLDivElement>没有方法'绑定'
- 如何在IE7中检查HTMLDivElement
- 如何搜索HTMLDivElement的子元素
- Mootools元素>对象# & lt; HTMLDivElement>没有方法'addEvent'
- Quirks中的DispHTMLDivElement现在是IE9中的HTMLDivElement,方法Transform
- 对象# & lt; HTMLDivElement>没有方法'remove'
- “[对象HTMLDivElement]“;不返回变量
- Jquery元素没有重新绑定+ HTMLDivElement无法识别的表达式
- HtmlDivElement没有'indexOf'方法