无法将孩子附加到新创建的一个（HTML和JS）

-1

<style> 
    div { 
     border: 1px solid black; 
     padding: 5px; 
     width: 400px; 
     margin: 0 auto; 
    } 

     div h1 { 
      text-align: center; 
      margin-top: 0px; 
      margin-bottom: 0px; 
     } 

    section { 
     border: 1px solid black; 
     padding: 5px; 

    } 

    input[type=text] { 
     padding: 3px; 
     width:150px; 
     height:10px; 
    } 

</style> 

<body> 
<div id="wrapper"> 
    <h1>Tuesday TODO List</h1> 
    <input type="text" id="sectionText" class="sectionText" placeholder="Title" /> 
    <button id="btn" class="btn">New Section</button> 
</div></body>

我的脚本无法将孩子附加到新创建的一个（HTML和JS）

var a = document.getElementById('btn'); 
a.addEventListener('click', function() { 
var b = document.createElement('section'); 
document.getElementById('wrapper').appendChild(b); 
}, false);

到目前为止剧本的作品，但我想追加一个孩子，并设置它的ID来var b当我尝试它时，它不起作用。

var d = document.createElement('INPUT'); 
d.setAttribute('type', 'text').setId('id name'); 
b.appendChild(d);

这3条线路，当我把他们事件监听器内不工作，我只是把它们隔开外面方便

来源

2016-04-05 Все Едно

'd.setAttribute（'type'，'text'）'returns'undefined'。你不能像这样在DOM Api中进行链接。 –

你的代码应该是这样的，

var d = document.createElement('INPUT'); 
d.setAttribute('type', 'text') 
d.setAttribute('id', 'id name');

由于setAttribute不返回任何东西，而不是undefined。你不能链接它。
默认情况下，节点的原型中没有像setId这样的功能。您必须使用setAttribute来设置ID。

来源

2016-04-05 19:21:20

好的，谢谢，但它仍然不会附加到var b，你能向我解释如何追加它 –

@ВсеЕдно你在代码中使用了这一行吗？ 'b.appendChild（d）;'我在这里跳过它，因为这不是回答所必需的。 –

无法将孩子附加到新创建的一个（HTML和JS）

回答

相关问题