javascript - 访问创建的 DOM 元素

Question

我有代码可以在单击按钮时创建另一个“行”(带有输入的 div)。我正在创建新的输入元素，一切正常，但是，我找不到访问这些新元素的方法。

示例:我有输入元素(下面的 name_1)。然后我使用 javascript 的 createElement 函数创建另一个输入元素(下面的 name_2)。

<input type='text' id='name_1' name="name_1" />
<input type='text' id='name_2' name="name_2" />

同样，我可以很好地创建元素，但我希望能够在用户创建和修改 name_2 之后访问它的值。示例:document.getElementById('name_2');

这行不通。如何让 DOM 识别新元素？可能吗？

我的代码示例(使用 jQuery):

function addName(){
var parentDiv = document.createElement("div");
$(parentDiv).attr( "id", "lp_" + id );

var col1 = document.createElement("div");
var input1 = $( 'input[name="lp_name_1"]').clone(true);
$(input1).attr( "name", "lp_name_" + id );
$(col1).attr( "class", "span-4" );
$(col1).append( input1 );

$(parentDiv).append( col1 );

$('#main_div').append(parentDiv);
}

我用过 jQuery 和 JavaScript 选择器。示例:$('#lp_2').html() 返回 null。 document.getElementById('lp_2');

也是如此

Answer 1

您必须创建元素并使用 appendChild 等函数将其添加到 DOM。参见 here了解详情。

我的猜测是您调用了 createElement() 但从未将其添加到您的 DOM 层次结构中。